From b1c38c447cdfe97d6738cf3191af48ff33712eed Mon Sep 17 00:00:00 2001
From: Dawid <david03h@wp.pl>
Date: Wed, 4 Dec 2019 11:10:17 +0100
Subject: [PATCH 01/33] colors.html minor change

---
 pages/colors.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/colors.html b/pages/colors.html
index 447605a70..ef18e45e3 100644
--- a/pages/colors.html
+++ b/pages/colors.html
@@ -15,9 +15,9 @@ done: true
 				<ul class="list-unstyled">
 					{% for color in site.colors %}
 					<li class="d-flex align-items-center mb-3">
-						<div class="stamp bg-{{ color[0] }} text-white mr-3">{{ color[1].name | first_letters | upcase }}</div>
+						<div class="stamp bg-{{ color[0] }} text-white mr-3"></div>
 						<div>
-							<strong>{{ color[1].name }}</strong><br />
+							<strong>{{ color[1].title }}</strong><br />
 							<code>.bg-{{ color[0] }}</code>
 						</div>
 					</li>
@@ -37,9 +37,9 @@ done: true
 				<ul class="list-unstyled">
 					{% for color in site.colors %}
 					<li class="d-flex align-items-center mb-3">
-						<div class="stamp bg-{{ color[0] }}-lt mr-3">{{ color[1].name | first_letters | upcase }}</div>
+						<div class="stamp bg-{{ color[0] }}-lt mr-3"></div>
 						<div>
-							<strong>{{ color[1].name }} lite</strong><br />
+							<strong>{{ color[1].title }} lite</strong><br />
 							<code>.bg-{{ color[0] }}-lt</code>
 						</div>
 					</li>

From 4fa23eb79d3ea0527990be151e100b882c33fb6e Mon Sep 17 00:00:00 2001
From: Dawid <david03h@wp.pl>
Date: Mon, 9 Dec 2019 16:04:24 +0100
Subject: [PATCH 02/33] first daterangepicker element added

---
 build/rollup.config.js         |  1 +
 js/daterangepicker.js          |  1 +
 package.json                   |  1 +
 pages/_data/libs.json          |  9 +++++++--
 pages/_includes/layout/js.html |  2 ++
 pages/tmp.html                 | 11 ++++++++++-
 6 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 js/daterangepicker.js

diff --git a/build/rollup.config.js b/build/rollup.config.js
index f0bfcd3f4..a4f6da901 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -39,6 +39,7 @@ module.exports = {
   input: {
     tabler: path.resolve(__dirname, '../js/tabler.js'),
     'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js'),
+    'daterangepicker': path.resolve(__dirname,'../js/daterangepicker.js')
   },
   output: {
     banner,
diff --git a/js/daterangepicker.js b/js/daterangepicker.js
new file mode 100644
index 000000000..aa647e0b8
--- /dev/null
+++ b/js/daterangepicker.js
@@ -0,0 +1 @@
+$('input[name="dates"]').daterangepicker();
\ No newline at end of file
diff --git a/package.json b/package.json
index a20f7af26..9c2adb4d0 100644
--- a/package.json
+++ b/package.json
@@ -107,6 +107,7 @@
     "apexcharts": "3.10.1",
     "autosize": "4.0.2",
     "bootstrap": "twbs/bootstrap#76fd85b",
+    "daterangepicker": "3.0.5",
     "fullcalendar": "3.10.1",
     "imask": "5.2.1",
     "jquery": "3.4.1",
diff --git a/pages/_data/libs.json b/pages/_data/libs.json
index 899d3e094..e2a5b945b 100644
--- a/pages/_data/libs.json
+++ b/pages/_data/libs.json
@@ -18,7 +18,10 @@
     "@fullcalendar/daygrid/main.min.js",
     "@fullcalendar/interaction/main.min.js",
     "@fullcalendar/timegrid/main.min.js",
-    "@fullcalendar/list/main.min.js"
+    "@fullcalendar/list/main.min.js",
+
+    "daterangepicker/moment.min.js",
+    "daterangepicker/daterangepicker.js"
   ],
   "css": [
     "jqvmap/dist/jqvmap.min.css",
@@ -27,6 +30,8 @@
     "@fullcalendar/core/main.min.css",
     "@fullcalendar/daygrid/main.min.css",
     "@fullcalendar/timegrid/main.min.css",
-    "@fullcalendar/list/main.min.css"
+    "@fullcalendar/list/main.min.css",
+
+    "daterangepicker/daterangepicker.css"
   ]
 }
diff --git a/pages/_includes/layout/js.html b/pages/_includes/layout/js.html
index c228f044d..331d6a582 100644
--- a/pages/_includes/layout/js.html
+++ b/pages/_includes/layout/js.html
@@ -16,3 +16,5 @@
 
 <!-- Tabler Plugins -->
 <script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
+
+<script src="{{ site.base }}/dist/js/daterangepicker{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
diff --git a/pages/tmp.html b/pages/tmp.html
index 5441c9a54..93eb1ed41 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -30,4 +30,13 @@
       {% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
    </div>
 </div>
-
+<div class="row">
+   <div class="col-md-6">
+      <div class="card">
+         <div class="card-body d-flex justify-content-between">
+            <p class="mb-0 mr-3 d-flex align-items-center text-nowrap">Pick date:</p>
+            <input type="text" name="dates" class="form-control text-center ml-4">
+         </div>
+      </div>
+   </div>
+</div>
\ No newline at end of file

From 18ec7afcf264bd99c8f231d5424d90400cd4e8e0 Mon Sep 17 00:00:00 2001
From: Dawid <david03h@wp.pl>
Date: Mon, 9 Dec 2019 17:12:39 +0100
Subject: [PATCH 03/33] daterangepicker corrections

---
 build/rollup.config.js         | 3 +--
 js/daterangepicker.js          | 1 -
 js/tabler.js                   | 5 +++++
 pages/_includes/layout/js.html | 4 +---
 pages/tmp.html                 | 6 +++---
 scss/ui/_inputs.scss           | 3 +++
 6 files changed, 13 insertions(+), 9 deletions(-)
 delete mode 100644 js/daterangepicker.js

diff --git a/build/rollup.config.js b/build/rollup.config.js
index a4f6da901..35e22ba01 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -38,8 +38,7 @@ module.exports = {
   context: "window",
   input: {
     tabler: path.resolve(__dirname, '../js/tabler.js'),
-    'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js'),
-    'daterangepicker': path.resolve(__dirname,'../js/daterangepicker.js')
+    'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js')
   },
   output: {
     banner,
diff --git a/js/daterangepicker.js b/js/daterangepicker.js
deleted file mode 100644
index aa647e0b8..000000000
--- a/js/daterangepicker.js
+++ /dev/null
@@ -1 +0,0 @@
-$('input[name="dates"]').daterangepicker();
\ No newline at end of file
diff --git a/js/tabler.js b/js/tabler.js
index 9a514118f..e6ea3e0d2 100644
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -118,6 +118,11 @@ $(document).ready(function() {
   // $('[data-toggle="tooltip"]').tooltip();
   // $('[data-toggle="popover"]').popover();
 
+  /* Daterangepicker */
+  if(window.daterangepicker){
+    $('input[name="dates"]').daterangepicker();
+  }
+
   /*
   Autosize plugin
    */
diff --git a/pages/_includes/layout/js.html b/pages/_includes/layout/js.html
index 331d6a582..054be6072 100644
--- a/pages/_includes/layout/js.html
+++ b/pages/_includes/layout/js.html
@@ -15,6 +15,4 @@
 <script src="{{ site.base }}/dist/js/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
 
 <!-- Tabler Plugins -->
-<script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
-
-<script src="{{ site.base }}/dist/js/daterangepicker{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
+<script src="{{ site.base }}/dist/js/tabler-charts{% if jekyll.environment == 'production' %}.min{% endif %}.js?{{ site.time | date: '%s' }}"></script>
\ No newline at end of file
diff --git a/pages/tmp.html b/pages/tmp.html
index 93eb1ed41..042de46b7 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -31,11 +31,11 @@
    </div>
 </div>
 <div class="row">
-   <div class="col-md-6">
+   <div class="col-10 col-sm-8 col-md-6 col-lg-4">
       <div class="card">
-         <div class="card-body d-flex justify-content-between">
+         <div class="card-body d-flex justify-content-between table-responsive">
             <p class="mb-0 mr-3 d-flex align-items-center text-nowrap">Pick date:</p>
-            <input type="text" name="dates" class="form-control text-center ml-4">
+            <input type="text" name="dates" class="form-control text-center ml-4" size="20">
          </div>
       </div>
    </div>
diff --git a/scss/ui/_inputs.scss b/scss/ui/_inputs.scss
index 5487e4cd6..ef55869dc 100644
--- a/scss/ui/_inputs.scss
+++ b/scss/ui/_inputs.scss
@@ -30,6 +30,9 @@ textarea {
     color: $text-muted;
     user-select: none;
   }
+  &[size]{
+    width: auto;
+  }
 }
 
 .form-control-light {

From ef1c45b59443c08d7245ce9fb1ec5e59713572ab Mon Sep 17 00:00:00 2001
From: Dawid Harat <dawidharat03@gmail.com>
Date: Fri, 3 Jan 2020 19:53:52 +0100
Subject: [PATCH 04/33] toasts docs and example class option added

---
 js/tabler.js                     |  1 +
 pages/_docs/toasts.md            | 19 +++++++++++++++++--
 pages/_includes/ui/toast.html    |  4 ++--
 pages/_plugins/jekyll-example.rb |  2 +-
 scss/ui/_toasts.scss             |  3 +++
 5 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/js/tabler.js b/js/tabler.js
index 79ebc0a96..e86be4b6b 100644
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -58,6 +58,7 @@ $(document).ready(function() {
 
   // $('[data-toggle="tooltip"]').tooltip();
   // $('[data-toggle="popover"]').popover();
+  $('[data-toggle="toast"]').toast();
 
   /*
   Imask plugin
diff --git a/pages/_docs/toasts.md b/pages/_docs/toasts.md
index 1e5598f6b..faf9efda2 100644
--- a/pages/_docs/toasts.md
+++ b/pages/_docs/toasts.md
@@ -5,10 +5,25 @@ description: The toast component is like an alert box that is only shown for a c
 bootstrap-link: components/toasts/
 ---
 
-
-
 ### Default markup
 
 {% example %}
 {% include ui/toast.html %}
 {% endexample %}
+
+### Translucent
+
+Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the `backdrop-filter` CSS property, we’ll also attempt to blur the elements under a toast.
+
+{% example html class=bg-gray %}
+{% include ui/toast.html %}
+{% endexample %}
+
+### Stacking toasts
+
+If you want to stack toasts just put them in the same container.
+
+{% example %}
+{% include ui/toast.html person-id=3 %}
+{% include ui/toast.html date="7 mins ago" text="This is another toast message." %}
+{% endexample %}
\ No newline at end of file
diff --git a/pages/_includes/ui/toast.html b/pages/_includes/ui/toast.html
index fd0227a9c..ded90207e 100644
--- a/pages/_includes/ui/toast.html
+++ b/pages/_includes/ui/toast.html
@@ -1,6 +1,6 @@
 {% assign person-id = include.person-id | default: 2 %}
 {% assign person = site.data.people[person-id] %}
-<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
+<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
    <div class="toast-header">
       {% include ui/avatar.html person=person class="mr-2" size="sm" %}
       <strong class="mr-auto">{{ person.full_name }}</strong>
@@ -10,6 +10,6 @@
       </button>
    </div>
    <div class="toast-body">
-      Hello, world! This is a toast message.
+      {{ include.text | default: 'Hello, world! This is a toast message.' }}
    </div>
 </div>
diff --git a/pages/_plugins/jekyll-example.rb b/pages/_plugins/jekyll-example.rb
index d4325087f..185e53d3c 100644
--- a/pages/_plugins/jekyll-example.rb
+++ b/pages/_plugins/jekyll-example.rb
@@ -82,7 +82,7 @@ Valid syntax: example <lang> [id=foo]
     def example(output)
       output = output.gsub(/<hide>/, "").gsub(/<\/hide>/, "")
 
-      "<div class=\"example" + (@options[:columns] ? " example-bg" : "") + "\"" + (@options[:id] ? " data-example-id=\"#{@options[:id]}\"" : "") + ">\n" + (@options[:columns] ? "<div class=\"example-column example-column-" + @options[:columns] + "\">\n" : "") + (@options[:wrapper] ? "<div class=\"" + @options[:wrapper] + "\">\n" : "") + (@options[:"max-width"] ? "<div style=\"max-width: " + @options[:"max-width"] + "px; margin: 0 auto;\">\n" : "") + output + (@options[:wrapper] ? "\n</div>" : "") + (@options[:columns] ? "\n</div>" : "") + (@options[:"max-width"] ? "\n</div>" : "") + "\n</div>"
+      "<div class=\"example" + (@options[:columns] ? " example-bg" : "") + (@options[:class] ? " " + @options[:class] : "") + "\"" + (@options[:id] ? " data-example-id=\"#{@options[:id]}\"" : "") + ">\n" + (@options[:columns] ? "<div class=\"example-column example-column-" + @options[:columns] + "\">\n" : "") + (@options[:wrapper] ? "<div class=\"" + @options[:wrapper] + "\">\n" : "") + (@options[:"max-width"] ? "<div style=\"max-width: " + @options[:"max-width"] + "px; margin: 0 auto;\">\n" : "") + output + (@options[:wrapper] ? "\n</div>" : "") + (@options[:columns] ? "\n</div>" : "") + (@options[:"max-width"] ? "\n</div>" : "") + "\n</div>"
     end
 
   end
diff --git a/scss/ui/_toasts.scss b/scss/ui/_toasts.scss
index 80e5271a7..cf264fd4e 100644
--- a/scss/ui/_toasts.scss
+++ b/scss/ui/_toasts.scss
@@ -1,3 +1,6 @@
 .toast-header {
   user-select: none;
 }
+.toast button[data-dismiss="toast"]{
+  outline: none;
+}

From a9a35106d60cbef0372b8245fff857d6ea9da2db Mon Sep 17 00:00:00 2001
From: Giovanni Mendoza <mendozagioo@gmail.com>
Date: Mon, 6 Jan 2020 16:53:06 -0600
Subject: [PATCH 05/33] Fix: contributors link

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 345129968..b6316873c 100644
--- a/README.md
+++ b/README.md
@@ -73,7 +73,7 @@ Have a bug or a feature request? [Please open a new issue](https://github.com/ta
 
 ## Contributors
 
-This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
+This project exists thanks to all the people who contribute. [[Contribute](https://github.com/tabler/tabler/graphs/contributors)].
 <a href="https://github.com/tabler/tabler/graphs/contributors"><img src="https://opencollective.com/tabler/contributors.svg?width=890&button=false"></a>
 
 ## Backers

From 446ef17b2c7b23caf648a616e3b5d9b766e0fd12 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 21:44:43 +0100
Subject: [PATCH 06/33] layouts page, search results, top menu

---
 pages/_data/colors.yml                        |  24 ++--
 pages/_data/layouts.yml                       |  46 ++++++-
 pages/_data/menu.yml                          |   6 +
 pages/_data/products.yml                      |  75 ++++------
 pages/_docs/layout.md                         |   8 ++
 pages/_includes/cards/gallery-photo.html      |  24 ++++
 pages/_includes/cards/gallery.html            |  22 ---
 pages/_includes/cards/store-product.html      |   6 +-
 pages/_includes/layout/homepage.html          | 130 +++++++++---------
 pages/_includes/layout/layouts-list.html      |  24 ++++
 pages/_includes/layout/layouts.html           |  12 +-
 pages/_includes/layout/menu.html              |  81 +++++------
 pages/_includes/layout/navbar.html            |  74 +++++-----
 .../_includes/layout/page-title-actions.html  |  48 +++----
 pages/_includes/layout/topmenu.html           |  12 +-
 pages/_includes/layout/topnav.html            |  10 +-
 pages/_includes/parts/demo-layout.html        |  18 +++
 pages/_includes/parts/nav/nav-aside.html      |  62 +++++++++
 pages/_layouts/docs.html                      |   4 +-
 pages/gallery.html                            |   2 +-
 pages/search-results.html                     |  29 ++++
 pages/store.html                              |   4 +-
 pages/tmp2.html                               |   1 +
 scss/_variables.scss                          |   8 +-
 scss/ui/_cards.scss                           |   6 +
 scss/ui/_grid.scss                            |   2 +-
 scss/ui/_lists.scss                           |   5 +-
 scss/ui/_typo.scss                            |   1 +
 static/products/product-3.jpg                 | Bin 0 -> 31246 bytes
 29 files changed, 462 insertions(+), 282 deletions(-)
 create mode 100644 pages/_docs/layout.md
 create mode 100644 pages/_includes/cards/gallery-photo.html
 delete mode 100644 pages/_includes/cards/gallery.html
 create mode 100644 pages/_includes/layout/layouts-list.html
 create mode 100644 pages/_includes/parts/demo-layout.html
 create mode 100644 pages/_includes/parts/nav/nav-aside.html
 create mode 100644 pages/search-results.html
 create mode 100644 static/products/product-3.jpg

diff --git a/pages/_data/colors.yml b/pages/_data/colors.yml
index aa6a746d9..97d9ffbad 100644
--- a/pages/_data/colors.yml
+++ b/pages/_data/colors.yml
@@ -130,16 +130,16 @@ cyan-700: '#0e616e'
 cyan-800: '#09414a'
 cyan-900: '#052025'
 
-gray: '#adb5bd'
-gray-100: '#f8f9fa'
-gray-200: '#e9ecef'
-gray-300: '#dee2e6'
-gray-400: '#ced4da'
-gray-500: '#adb5bd'
-gray-600: '#868e96'
-gray-700: '#495057'
-gray-800: '#343a40'
-gray-900: '#212529'
+gray: '#cdd1d8'
+gray-100: '#f5f7fb'
+gray-200: '#f1f3f8'
+gray-300: '#e9ecf1'
+gray-400: '#dee1e7'
+gray-500: '#cdd1d8'
+gray-600: '#aeb3bc'
+gray-700: '#8b929e'
+gray-800: '#5f6877'
+gray-900: '#354052'
 
-border-color: '#dce3e9'
-text-muted: '#8a91a5'
+border-color: '#dee1e7'
+text-muted: '#8b929e'
diff --git a/pages/_data/layouts.yml b/pages/_data/layouts.yml
index 7f00b22a7..e6c8dc27a 100644
--- a/pages/_data/layouts.yml
+++ b/pages/_data/layouts.yml
@@ -1,3 +1,43 @@
-- name: sidebar-left
-  title: Left sidebar
-  url: layout-test.html
+- title: Default tabler layout
+  config:
+    topmenu: true
+
+- title: Dark navigation
+  config:
+    topmenu: true
+    topmenu-dark: true
+
+- title: Sidebar
+  new: true
+  config:
+    sidebar: true
+
+- title: Dark sidebar
+  new: true
+  config:
+    sidebar: true
+    sidebar-dark: true
+
+- title: Narrow sidebar
+  new: true
+  config:
+    sidebar: true
+    sidebar-narrow: true
+    sidebar-dark: true
+
+- title: Right sidebar
+  new: true
+  config:
+    sidebar-right: true
+
+- title: Sidebar only
+  new: true
+  config:
+    sidebar: true
+    hide-topnav: true
+
+- title: Dark mode
+  soon: true
+  config:
+    sidebar: true
+    sidebar-dark: true
diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 100a66913..4c4dca6f8 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -105,6 +105,9 @@ extra:
     blog:
       title: Blog cards
       url: blog.html
+    search-results:
+      title: Search results
+      url: search-results.html
 docs:
   title: Documentation
   icon: file-text
@@ -167,6 +170,9 @@ docs:
     input-mask: 
       title: Form input mask
       url: docs/input-mask.html
+    layout:
+      title: Layout
+      url: docs/layout.html
     progress: 
       title: Progress
       url: docs/progress.html
diff --git a/pages/_data/products.yml b/pages/_data/products.yml
index 4bd8c1b82..39f5084ae 100644
--- a/pages/_data/products.yml
+++ b/pages/_data/products.yml
@@ -1,53 +1,38 @@
--
-  name: Apple iPhone 7 Plus 256GB Red Special Edition
-  image: apple-iphone7-special.jpg
-  producer: Apple
-  price: $499
+- image: product-1.jpg
+  name: Container for a Fanta
 
--
-  name: Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
-  image: apple-macbook-pro.jpg
-  producer: Apple
-  price: $1499
+- image: product-2.jpg
+  name: Strange sunglasses
 
--
-  name: Apple iPhone 7 32GB Jet Black
-  image: apple-iphone7.jpg
-  producer: Apple
-  price: $499
+- image: product-3.jpg
+  name: Pen Pineapple Apple Pen
 
--
-  name: GoPro HERO6 Black
-  image: gopro-hero.jpg
-  producer: GoPro
-  price: $599
+- image: product-4.jpg
+  name: Binoculars
 
--
-  name: MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
-  image: msi.jpg
-  producer: MSI
-  price: $1599
+- image: product-5.jpg
+  name: Magical notebook
 
--
-  name: Xiaomi Mi A1 64GB Black
-  image: xiaomi-mi.jpg
-  producer: Xiaomi
-  price: $269
+- image: product-6.jpg
+  name: Dragonfly eyes
 
--
-  name: Huawei Mate 10 Pro Dual SIM Gray
-  image: huawei-mate.jpg
-  producer: Huawei
-  price: $999
+- image: product-7.jpg
+  name: Fireman's pipe
 
--
-  name: Sony KD-49XE7005
-  image: sony-kd.jpg
-  producer: Sony
-  price: $799
+- image: product-8.jpg
+  name: Garden shears
 
--
-  name: Samsung Galaxy A5 A520F 2017 LTE Black Sky
-  image: samsung-galaxy.jpg
-  producer: Samsung
-  price: $399
\ No newline at end of file
+- image: product-9.jpg
+  name: Ironman wallet
+
+- image: product-10.jpg
+  name: Blue notebook
+
+- image: product-11.jpg
+  name: Morning alarm clock
+
+- image: product-12.jpg
+  name: Spy camera
+
+- image: product-13.jpg
+  name: Housefly
diff --git a/pages/_docs/layout.md b/pages/_docs/layout.md
new file mode 100644
index 000000000..d9da7b1ec
--- /dev/null
+++ b/pages/_docs/layout.md
@@ -0,0 +1,8 @@
+---
+title: Page Layouts
+done: true
+---
+
+Tabler includes a number of utility pages to help speed up development of your project management web application
+
+{% include layout/layouts-list.html wide=true class="mt-6" %}
diff --git a/pages/_includes/cards/gallery-photo.html b/pages/_includes/cards/gallery-photo.html
new file mode 100644
index 000000000..570540188
--- /dev/null
+++ b/pages/_includes/cards/gallery-photo.html
@@ -0,0 +1,24 @@
+<div class="card card-sm">
+	<a href="#" class="d-block"><img src="{{ site.base }}/static/photos/{{ photo.file }}" class="card-img-top"></a>
+	<div class="card-body">
+		<div class="d-flex align-items-center">
+			{% include ui/avatar.html person=include.person class="mr-3 rounded" %}
+			<div class="lh-sm">
+				<div>{{ include.person.full_name }}</div>
+				<div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
+			</div>
+			{% unless include.hide-likes %}
+			<div class="ml-auto">
+				<a href="#" class="text-muted">
+					{% include ui/icon.html icon="eye" %}
+					{{ forloop.index | random_number: 300, 600 }}
+				</a>
+				<a href="#" class="ml-3 text-muted">
+					{% include ui/icon.html icon="heart" %}
+					{{ forloop.index | random_number: 20, 100 }}
+				</a>
+			</div>
+			{% endunless %}
+		</div>
+	</div>
+</div>
diff --git a/pages/_includes/cards/gallery.html b/pages/_includes/cards/gallery.html
deleted file mode 100644
index 4827bb7d5..000000000
--- a/pages/_includes/cards/gallery.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="card card-sm">
-  <div class="card-body">
-    <a href="#" class="mb-3 d-block"><img src="{{ site.base }}/static/photos/{{ photo.file }}" class="rounded"></a>
-    <div class="d-flex align-items-center">
-      {% include ui/avatar.html person=include.person class="mr-3 rounded" %}
-      <div class="lh-sm">
-        <div>{{ include.person.full_name }}</div>
-        <div class="text-muted">{{ forloop.index | random_date_ago: 10 | timeago }}</div>
-      </div>
-      <div class="ml-auto">
-        <a href="#" class="text-muted">
-          {% include ui/icon.html icon="eye" %}
-          {{ forloop.index | random_number: 300, 600 }}
-        </a>
-        <a href="#" class="ml-3 text-muted">
-          {% include ui/icon.html icon="heart" %}
-          {{ forloop.index | random_number: 20, 100 }}
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
diff --git a/pages/_includes/cards/store-product.html b/pages/_includes/cards/store-product.html
index b2f9f5088..647820021 100644
--- a/pages/_includes/cards/store-product.html
+++ b/pages/_includes/cards/store-product.html
@@ -1,13 +1,11 @@
-{% assign product = site.data.products[include.product] %}
+{% assign product-id = include.product-id | default: 1 %}
+{% assign product = site.data.products[product-id] %}
 <div class="card">
 	<div class="card-body">
 		<div class="mb-4 text-center">
 			<img src="{{ site.base }}/img/products/{{ product.image }}" alt="Apple iPhone 7 128GB" class="img-fluid">
 		</div>
 		<h4 class="card-title"><a href="#">{{ product.name }}</a></h4>
-		<div class="text-muted">
-			{{ product.producer }}
-		</div>
 		<div class="mt-5 d-flex align-items-center">
 			<div class="h3 mb-0">
 				<strong>{{ product.price }}</strong>
diff --git a/pages/_includes/layout/homepage.html b/pages/_includes/layout/homepage.html
index 9c0c762d8..a9760050e 100644
--- a/pages/_includes/layout/homepage.html
+++ b/pages/_includes/layout/homepage.html
@@ -1,74 +1,74 @@
 <div class="row row-deck">
-   <div class="col-sm-6 col-lg-3">
-      {% include cards/charts/sales.html %}
-   </div>
-   <div class="col-sm-6 col-lg-3">
-      {% include cards/charts/revenue.html %}
-   </div>
-   <div class="col-sm-6 col-lg-3">
-      {% include cards/charts/new-clients.html %}
-   </div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/charts/sales.html %}
+	</div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/charts/revenue.html %}
+	</div>
+	<div class="col-sm-6 col-lg-3">
+		{% include cards/charts/new-clients.html %}
+	</div>
 
-   <div class="col-sm-6 col-lg-3">
-     {% include cards/charts/active-users.html %}
-   </div>
+	<div class="col-sm-6 col-lg-3">
+	  {% include cards/charts/active-users.html %}
+	</div>
 
-   <div class="col-lg-6">
-      <div class="row">
-         <div class="col-md-6">
-            {% include cards/project-summary.html stage-color="red" %}
-         </div>
-         <div class="col-md-6">
-            {% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
-         </div>
+	<div class="col-lg-6">
+		<div class="row">
+			<div class="col-md-6">
+				{% include cards/project-summary.html stage-color="red" %}
+			</div>
+			<div class="col-md-6">
+				{% include cards/project-summary.html title="UI Redesign" date="11 Nov 2019" stage="Final review" avatar-limit=3 avatar-offset=9 project-color="green" value=80 percentage-color="green" %}
+			</div>
 
-         <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
-         </div>
-         <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
-         </div>
-         <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
-         </div>
-      </div>
-   </div>
-   <div class="col-lg-6">
-      {% include cards/map.html title="Top users" %}
-   </div>
+			<div class="col-6 col-sm-4">
+				{% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
+			</div>
+			<div class="col-6 col-sm-4">
+				{% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
+			</div>
+			<div class="col-6 col-sm-4">
+				{% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
+			</div>
+		</div>
+	</div>
+	<div class="col-lg-6">
+		{% include cards/map.html title="Top users" %}
+	</div>
 
-   <div class="col-lg-6">
-      {% include cards/development-activity.html %}
-   </div>
-   <div class="col-lg-6">
-      <div class="row row-deck">
-         <div class="col-md-12">
-            {% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
-         </div>
-         <div class="col-md-12">
-            {% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
-         </div>
-      </div>
-   </div>
+	<div class="col-lg-6">
+		{% include cards/development-activity.html %}
+	</div>
+	<div class="col-lg-6">
+		<div class="row row-deck">
+			<div class="col-md-12">
+				{% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
+			</div>
+			<div class="col-md-12">
+				{% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
+			</div>
+		</div>
+	</div>
 
-   <div class="col-sm-6 col-xl-3">
-      {% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
-   </div>
-   <div class="col-sm-6 col-xl-3">
-      {% include cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
-   </div>
-   <div class="col-sm-6 col-xl-3">
-      {% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
-   </div>
-   <div class="col-sm-6 col-xl-3">
-      {% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
-   </div>
+	<div class="col-sm-6 col-xl-3">
+		{% include cards/small-stats.html color="blue" icon="dollar-sign" count="132" subtitle="Sales" description="12 waiting payments" %}
+	</div>
+	<div class="col-sm-6 col-xl-3">
+		{% include cards/small-stats.html color="green" icon="shopping-cart" count="78" subtitle="Orders" description="32 shipped" %}
+	</div>
+	<div class="col-sm-6 col-xl-3">
+		{% include cards/small-stats.html chart-position="left" chart-type="donut" chart-data="56/100" chart-label="56%" color="red" count="1352" subtitle="Members" description="163 registered today" %}
+	</div>
+	<div class="col-sm-6 col-xl-3">
+		{% include cards/small-stats.html color="yellow" chart-type="pie" chart-data="22/100" color="yellow" count="132" subtitle="Comments" description="16 waiting" %}
+	</div>
 
-   <div class="col-12">
-      {% include cards/invoices.html %}
-   </div>
+	<div class="col-12">
+		{% include cards/invoices.html %}
+	</div>
 
-   <div class="col-12">
-      {% include cards/table-users.html %}
-   </div>
+	<div class="col-12">
+		{% include cards/table-users.html %}
+	</div>
 </div>
diff --git a/pages/_includes/layout/layouts-list.html b/pages/_includes/layout/layouts-list.html
new file mode 100644
index 000000000..2e91fa010
--- /dev/null
+++ b/pages/_includes/layout/layouts-list.html
@@ -0,0 +1,24 @@
+<div class="row row-md mb-n{% if include.wide %}5{% else %}6{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
+	{% for layout in site.data.layouts %}
+	<div class="col-{% if include.wide %}12{% else %}6{% endif %} mb-{% if include.wide %}5{% else %}6{% endif %}{% if layout.soon %} opacity-25{% endif %}">
+		<div class="row">
+			<div class="col-auto">
+				<a href="{{ site.base }}/{{ layout.page }}">
+					{% include parts/demo-layout.html topmenu=layout.config.topmenu topmenu-dark=layout.config.topmenu-dark sidebar=layout.config.sidebar sidebar-narrow=layout.config.sidebar-narrow sidebar-right=layout.config.sidebar-right sidebar-dark=layout.config.sidebar-dark hide-topnav=layout.config.hide-topnav %}
+				</a>
+			</div>
+			<div class="col">
+				<h3>
+					<a href="{{ site.base }}/{{ layout.page }}">{{ layout.title }}</a>
+					{% if layout.new %}
+					{% include ui/badge.html text="New" color="green" class="ml-2" %}
+					{% elsif layout.soon %}
+					{% include ui/badge.html text="Soon!" color="yellow" class="ml-2" %}
+					{% endif %}
+				</h3>
+				<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+			</div>
+		</div>
+	</div>
+	{% endfor %}
+</div>
diff --git a/pages/_includes/layout/layouts.html b/pages/_includes/layout/layouts.html
index fb24140cd..5c082771a 100644
--- a/pages/_includes/layout/layouts.html
+++ b/pages/_includes/layout/layouts.html
@@ -1,9 +1,5 @@
-<div class="card">
-   <div class="card-body">
-      {% for layout in site.data.layouts %}
-      <a href="{{ layout.url }}" class="d-block">
-         {{ layout.title }}
-      </a>
-      {% endfor %}
-   </div>
+<div class="card card-md">
+	<div class="card-body">
+		{% include layout/layouts-list.html %}
+	</div>
 </div>
diff --git a/pages/_includes/layout/menu.html b/pages/_includes/layout/menu.html
index 785c16b75..452280bcb 100644
--- a/pages/_includes/layout/menu.html
+++ b/pages/_includes/layout/menu.html
@@ -1,46 +1,49 @@
 {% assign current-page = page.menu | default: layout.menu | split: '.' %}
 <ul class="navbar-nav flex-wrap{% if include.class %} {{ include.class }}{% endif %}">
-   {% for level-1 in site.data.menu %}
-   {% assign icon = level-1[1].icon %}
+	{% for level-1 in site.data.menu %}
+	{% assign icon = level-1[1].icon %}
 
-   {% assign has-children = false %}
-   {% if level-1[1].children %}
-      {% assign has-children = true %}
-   {% endif %}
+	<li class="nav-item{% if level-1[0] == current-page[0] %} active{% endif %}{% if level-1[1].children %} dropdown{% endif %}">
+		<a class="nav-link{% if level-1[1].children %} dropdown-toggle{% endif %}" {% if level-1[1].children %}href="#navbar-{{ level-1[0] }}" data-toggle="dropdown" role="button"
+			aria-expanded="{% if level-1[0] == current-page[0] %}true{% else %}false{% endif %}" {% elsif level-1[1].toggle
+			%}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
+			%}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
+			<span class="nav-icon">
+				{% include ui/icon.html icon=icon  %}
+			</span>
+			<span class="nav-text">
+				{{ level-1[1].title }}
 
-   <li class="nav-item{% if level-1[0] == current-page[0] %} active{% endif %}{% if has-children %} dropdown{% endif %}">
-      <a class="nav-link{% if has-children %} dropdown-toggle{% endif %}" {% if has-children %}href="#navbar-{{ level-1[0] }}" data-toggle="dropdown" role="button"
-         aria-expanded="{% if level-1[0] == current-page[0] %}true{% else %}false{% endif %}" {% elsif level-1[1].toggle
-         %}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
-         %}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
-         <span class="nav-icon">
-            {% include ui/icon.html icon=icon  %}
-         </span>
-         <span class="nav-text">
-            {{ level-1[1].title }}
+				{% unless include.top %}
+				{% if level-1[1].label %}
+				<span class="badge bg-{{ level-1[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-1[1].label }}</span>
+				{% endif %}
+				{% endunless %}
+			</span>
+		</a>
 
-            {% unless include.top %}
-            {% if level-1[1].label %}
-            <span class="badge bg-{{ level-1[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-1[1].label }}</span>
-            {% endif %}
-            {% endunless %}
-         </span>
-      </a>
+		{% if level-1[1].children %}
+		<div class="dropdown-menu">
+			{% for level-2 in level-1[1].children %}
+			<div class="dropright">
+				<a class="dropdown-item" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
+					<span class="nav-text">
+						{{ level-2[1].title }}
+						{% if level-2[1].label %}
+							<span class="badge bg-{{ level-2[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-2[1].label }}</span>
+						{% endif %}
+					</span>
+				</a>
+			</div>
 
-      {% if has-children %}
-      <div class="dropdown-menu">
-         {% for level-2 in level-1[1].children %}
-         <a class="dropdown-item" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
-            <span class="nav-text">
-               {{ level-2[1].title }}
-               {% if level-2[1].label %}
-                  <span class="badge bg-{{ level-2[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-2[1].label }}</span>
-               {% endif %}
-            </span>
-         </a>
-         {% endfor %}
-      </div>
-      {% endif %}
-   </li>
-   {% endfor %}
+			<ul class="dropdown-menu">
+				<li><a href="">AA</a></li>
+				<li><a href="">BB</a></li>
+				<li><a href="">CC</a></li>
+			</ul>
+			{% endfor %}
+		</div>
+		{% endif %}
+	</li>
+	{% endfor %}
 </ul>
diff --git a/pages/_includes/layout/navbar.html b/pages/_includes/layout/navbar.html
index 0aae80820..a098c9fc0 100644
--- a/pages/_includes/layout/navbar.html
+++ b/pages/_includes/layout/navbar.html
@@ -2,46 +2,46 @@
 {% assign person = site.data.people[person-id] %}
 
 {% if include.menu-layout != 'vertical' %}
-	{% include layout/navbar-logo.html class="mr-4" %}
+{% include layout/navbar-logo.html class="mr-4" %}
 {% else %}
-	{% include layout/navbar-search.html class="mr-4" %}
+{% include layout/navbar-search.html class="mr-4" %}
 {% endif %}
 
 <ul class="nav navbar-menu align-items-center ml-auto">
-   <li class="nav-item d-none d-lg-flex mr-3">
-      {% include ui/button.html href=site.github_url text="Source code" icon="brand/github" icon-color="github" external=true %}
-   </li>
+	<li class="nav-item d-none d-lg-flex mr-3">
+		{% include ui/button.html href=site.github_url text="Source code" icon="brand/github" icon-color="github" external=true %}
+	</li>
 
-   <li class="nav-item dropdown">
-      <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
-         {% include ui/avatar.html src=person.photo size="sm" %}
-         <span class="ml-2 d-none d-lg-block lh-1">
-            {{ person.full_name }}
-            <span class="text-muted d-block mt-1 text-h6">Administrator</span>
-         </span>
-      </a>
-      <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="user" class="dropdown-icon" %} Profile
-         </a>
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="settings" class="dropdown-icon" %} Settings
-         </a>
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
-            <span class="badge bg-primary ml-auto">6</span>
-         </a>
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="send" class="dropdown-icon" %} Message
-         </a>
-         <div class="dropdown-divider"></div>
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
-         </a>
-         <a class="dropdown-item" href="#">
-            {% include ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
-         </a>
-      </div>
-   </li>
+	<li class="nav-item dropdown">
+		<a href="#" data-toggle="dropdown"
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			{% include ui/avatar.html src=person.photo size="sm" %}
+			<span class="ml-2 d-none d-lg-block lh-1">
+				{{ person.full_name }}
+				<span class="text-muted d-block mt-1 text-h6">Administrator</span>
+			</span>
+		</a>
+		<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="user" class="dropdown-icon" %} Profile
+			</a>
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="settings" class="dropdown-icon" %} Settings
+			</a>
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="mail" class="dropdown-icon" %} Inbox
+				<span class="badge bg-primary ml-auto">6</span>
+			</a>
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="send" class="dropdown-icon" %} Message
+			</a>
+			<div class="dropdown-divider"></div>
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="help-circle" class="dropdown-icon" %} Need help?
+			</a>
+			<a class="dropdown-item" href="#">
+				{% include ui/icon.html icon="log-out" class="dropdown-icon" %} Sign out
+			</a>
+		</div>
+	</li>
 </ul>
diff --git a/pages/_includes/layout/page-title-actions.html b/pages/_includes/layout/page-title-actions.html
index 7159c0357..0840b29fe 100644
--- a/pages/_includes/layout/page-title-actions.html
+++ b/pages/_includes/layout/page-title-actions.html
@@ -2,30 +2,30 @@
 
 <!-- Page title actions -->
 <div class="col-auto ml-auto d-print-none">
-  {% if actions == 'users' %}
-  <div class="d-flex">
-    <input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/>
-    {% include ui/button.html text="New user" color="primary" icon="plus" %}
-  </div>
-  {% elsif actions == 'calendar' %}
-  <div class="d-flex">
-    {% include ui/button.html text="Add event" color="primary" icon="plus" %}
-  </div>
-  {% elsif actions == 'photos' %}
-  <div class="d-flex">
-    <div class="mr-3">
-      {% include ui/form/input-icon.html %}
-    </div>
-    {% include ui/button.html text="Add event" color="primary" icon="plus" %}
-  </div>
-  {% elsif actions == 'breadcrumb' %}
-  <div class="d-flex">
-    {% include ui/breadcrumb.html class="breadcrumb-alternate" %}
-  </div>
-  {% elsif actions == 'buttons' %}
-  <span class="d-none d-sm-inline">
+	{% if actions == 'users' %}
+	<div class="d-flex">
+		<input type="search" class="form-control d-inline-block w-9 mr-3" placeholder="Search user&hellip;"/>
+		{% include ui/button.html text="New user" color="primary" icon="plus" %}
+	</div>
+	{% elsif actions == 'calendar' %}
+	<div class="d-flex">
+		{% include ui/button.html text="Add event" color="primary" icon="plus" %}
+	</div>
+	{% elsif actions == 'photos' %}
+	<div class="d-flex">
+		<div class="mr-3">
+			{% include ui/form/input-icon.html %}
+		</div>
+		{% include ui/button.html text="Add event" color="primary" icon="plus" %}
+	</div>
+	{% elsif actions == 'breadcrumb' %}
+	<div class="d-flex">
+		{% include ui/breadcrumb.html class="breadcrumb-alternate" %}
+	</div>
+	{% elsif actions == 'buttons' %}
+	<span class="d-none d-sm-inline">
 			{% include ui/button.html text="New view" color="secondary" icon="plus" %}
 		</span>
-  {% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
-  {% endif %}
+	{% include ui/button.html text="Create new report" color="primary" class="ml-3" %}
+	{% endif %}
 </div>
diff --git a/pages/_includes/layout/topmenu.html b/pages/_includes/layout/topmenu.html
index 0187de90c..ad2b736f0 100644
--- a/pages/_includes/layout/topmenu.html
+++ b/pages/_includes/layout/topmenu.html
@@ -1,9 +1,9 @@
 <header class="topnav topbar">
-  <div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
-    <div class="container{% if include.fluid %}-fluid{% endif %}">
-      {% include layout/menu.html top=true %}
+	<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
+		<div class="container{% if include.fluid %}-fluid{% endif %}">
+			{% include layout/menu.html top=true %}
 
-      {% include layout/navbar-search.html %}
-    </div>
-  </div>
+			{% include layout/navbar-search.html %}
+		</div>
+	</div>
 </header>
diff --git a/pages/_includes/layout/topnav.html b/pages/_includes/layout/topnav.html
index a655b1ff8..429d90ac1 100644
--- a/pages/_includes/layout/topnav.html
+++ b/pages/_includes/layout/topnav.html
@@ -1,9 +1,9 @@
 <header class="topnav topbar">
-   <div class="container{% if include.fluid %}-fluid{% endif %}">
-      <div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
-         {% include layout/navbar.html search=true menu-layout=page.menu-layout %}
-      </div>
-   </div>
+	<div class="container{% if include.fluid %}-fluid{% endif %}">
+		<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
+			{% include layout/navbar.html search=true menu-layout=page.menu-layout %}
+		</div>
+	</div>
 </header>
 
 
diff --git a/pages/_includes/parts/demo-layout.html b/pages/_includes/parts/demo-layout.html
new file mode 100644
index 000000000..7c4a103a2
--- /dev/null
+++ b/pages/_includes/parts/demo-layout.html
@@ -0,0 +1,18 @@
+<div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+	<div class="row row-0 flex-fill">
+		{% if include.sidebar %}
+		<div class="{% if include.sidebar-narrow %}col-auto w-2{% else %}col-3{% endif %} {% if include.sidebar-dark %}bg-dark{% else %}border-right bg-white{% endif %}"></div>
+		{% endif %}
+		<div class="col">
+			{% unless include.hide-topnav %}
+			<div class="border-bottom h-2 bg-white"></div>
+			{% endunless %}
+			{% if include.topmenu %}
+			<div class="h-2 {% if include.topmenu-dark %}bg-dark{% else %}border-bottom bg-white{% endif %}"></div>
+			{% endif %}
+		</div>
+		{% if include.sidebar-right %}
+		<div class="col-3 {% if include.sidebar-dark %}bg-dark{% else %}border-left bg-white{% endif %}"></div>
+		{% endif %}
+	</div>
+</div>
diff --git a/pages/_includes/parts/nav/nav-aside.html b/pages/_includes/parts/nav/nav-aside.html
new file mode 100644
index 000000000..8d921ced9
--- /dev/null
+++ b/pages/_includes/parts/nav/nav-aside.html
@@ -0,0 +1,62 @@
+<form action="" method="get">
+
+	<div class="subheader mb-2">Category</div>
+	{% assign items = "Games,Clothing,Jewelery,Toys" | split:  "," %}
+	<div class="list-group list-group-transparent mb-3">
+		{% for item in items %}
+		<a class="list-group-item list-group-item-action d-flex align-items-center{% if forloop.first %} active{% endif %}" href="#">
+			{{ item }}
+			<small class="text-muted ml-auto">{{ forloop.index | random_number: 11, 200 }}</small>
+		</a>
+		{% endfor %}
+	</div>
+
+	<div class="subheader mb-2">Rating</div>
+	{% assign items = "5 stars,4 stars,3 stars,2 and less stars" | split:  "," %}
+	<div class="mb-3">
+		{% for item in items %}
+		<label class="form-check mb-1">
+			<input type="radio" class="form-check-input" name="form-stars" value="{{ item | escape }}"{% if forloop.first %} checked{% endif %}>
+			<span class="form-check-label">{{ item }}</span>
+		</label>
+		{% endfor %}
+	</div>
+
+	<div class="subheader mb-2">Tags</div>
+	{% assign items = "business,evening,leisure,party" | split:  "," %}
+	<div class="mb-3">
+		{% for item in items %}
+		<label class="form-check mb-1">
+			<input type="checkbox" class="form-check-input" name="form-tags[]" value="{{ item | escape }}"{% if forloop.first %} checked{% endif %}>
+			<span class="form-check-label">{{ item }}</span>
+		</label>
+		{% endfor %}
+	</div>
+
+	<div class="subheader mb-2">Price</div>
+	<div class="row row-sm align-items-center mb-3">
+		<div class="col">
+			{% include ui/form/input-group.html prepend="$" placeholder="from" value="3" %}
+		</div>
+		<div class="col-auto">—</div>
+		<div class="col">
+			{% include ui/form/input-group.html prepend="$" placeholder="to" %}
+		</div>
+	</div>
+
+	<div class="subheader mb-2">Shipping</div>
+	<div>
+		<select name="" class="form-select">
+			<option>United Kingdom</option>
+			<option>USA</option>
+			<option>Germany</option>
+			<option>Poland</option>
+			<option>Other&hellip;</option>
+		</select>
+	</div>
+
+	<div class="mt-5">
+		{% include ui/button.html text="Confirm changes" color="primary" block=true element="button" %}
+		{% include ui/button.html text="Reset to defaults" color="link" block=true %}
+	</div>
+</form>
diff --git a/pages/_layouts/docs.html b/pages/_layouts/docs.html
index b56f8626f..52feb3323 100644
--- a/pages/_layouts/docs.html
+++ b/pages/_layouts/docs.html
@@ -9,9 +9,7 @@ page-title: Documentation
 
 <div class="row justify-content-center">
 	<div class="col-lg-3 order-lg-1 mb-4">
-		<a href="{{ site.github_url }}" class="btn btn-block btn-primary mb-4" target="_blank">
-			{% include ui/icon.html icon="github" class="mr-2" %}Browse source code
-		</a>
+		{% include ui/button.html href=site.github_url text="Browse source code" icon="brand/github" icon-color="github" external=true block=true class="mb-4" %}
 
 		<div class="list-group list-group-transparent mb-0">
 			{% for doc in site.data.menu.docs.children %}
diff --git a/pages/gallery.html b/pages/gallery.html
index 665aed5bb..8ea88f1f3 100644
--- a/pages/gallery.html
+++ b/pages/gallery.html
@@ -13,7 +13,7 @@ menu: base.gallery
 	{% if photo.horizontal %}
 	{% assign person = site.data.people[forloop.index0] %}
 	<div class="col-sm-6 col-lg-4">
-		{% include cards/gallery.html person=person %}
+		{% include cards/gallery-photo.html person=person %}
 	</div>
 	{% assign horizontal = horizontal | plus: 1 %}
 	{% endif %}
diff --git a/pages/search-results.html b/pages/search-results.html
new file mode 100644
index 000000000..4f048abbf
--- /dev/null
+++ b/pages/search-results.html
@@ -0,0 +1,29 @@
+---
+page-title: Search results
+page-title-description: About 2,410 result (0.19 seconds)
+menu: extra.search-results
+menu-layout: horizontal
+---
+
+<div class="row">
+	<div class="col-3">
+		{% include parts/nav/nav-aside.html %}
+	</div>
+	<div class="col-9">
+		<div class="row">
+			{% for photo in site.data.photos %}
+			{% if photo.horizontal %}
+			{% assign person = site.data.people[forloop.index0] %}
+			<div class="col-sm-6 col-lg-4">
+				{% include cards/gallery-photo.html person=person hide-likes=true %}
+			</div>
+			{% assign horizontal = horizontal | plus: 1 %}
+			{% endif %}
+
+			{% if horizontal == 12 %}
+			{% break %}
+			{% endif %}
+			{% endfor %}
+		</div>
+	</div>
+</div>
diff --git a/pages/store.html b/pages/store.html
index 234c39202..a54f49654 100644
--- a/pages/store.html
+++ b/pages/store.html
@@ -8,10 +8,10 @@ page-title: Store
 	<div class="col-lg-3">
 		<div class="row">
 			<div class="col-md-6 col-lg-12">
-				{% include cards/store-product.html product=0 %}
+				{% include cards/store-product.html product-id=0 %}
 			</div>
 			<div class="col-md-6 col-lg-12">
-				{% include cards/store-product.html product=3 %}
+				{% include cards/store-product.html product-id=3 %}
 			</div>
 		</div>
 	</div>
diff --git a/pages/tmp2.html b/pages/tmp2.html
index b793a963d..b5d2ad5fb 100644
--- a/pages/tmp2.html
+++ b/pages/tmp2.html
@@ -1,4 +1,5 @@
 ---
+page-title: Search results
 ---
 
 <div class="row">
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1acc27ac9..644e8276e 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -60,8 +60,6 @@ $danger: $red !default;
 $body-bg: $light !default;
 $body-color: $dark !default;
 
-
-
 $social-colors: (
   "facebook": #3b5998,
   "twitter": #1da1f2,
@@ -252,13 +250,17 @@ $grid-gutter-width: 1.5rem !default;
 //loader
 $loader-size: 2.5rem !default;
 
+//lists
+$list-group-item-padding-y: .5rem !default;
+$list-group-item-padding-x: .75rem !default;
+
 //navbar
 $navbar-bg: $white !default;
 $navbar-height: 3.5rem !default;
 $navbar-border-color: $border-color !default;
 
 //nav
-$nav-link-padding-y: 1rem !default;
+//$nav-link-padding-y: 1rem !default;
 
 $navbar-padding-x: .75rem !default;
 $navbar-padding-y: .75rem !default;
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index 00f63ba61..e553a43f1 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -24,6 +24,12 @@
   }
 }
 
+.card-md {
+  .card-body {
+    padding: map-get($spacers, 6);
+  }
+}
+
 .card-group {
   margin-bottom: $card-group-margin;
 }
diff --git a/scss/ui/_grid.scss b/scss/ui/_grid.scss
index f31822b81..467c02b65 100644
--- a/scss/ui/_grid.scss
+++ b/scss/ui/_grid.scss
@@ -2,7 +2,7 @@
   border-left: 1px solid $border-color;
 }
 
-@each $name, $value in (0: 0, xs: .25rem, sm: .5rem, lg: 1rem, xl: 1.5rem) {
+@each $name, $value in (0: 0, xs: .25rem, sm: .5rem, md: 1.5rem, lg: 3rem) {
   .row-#{$name} {
     margin-right: (-$value);
     margin-left: -($value);
diff --git a/scss/ui/_lists.scss b/scss/ui/_lists.scss
index e3f07db4b..a041333b2 100644
--- a/scss/ui/_lists.scss
+++ b/scss/ui/_lists.scss
@@ -143,8 +143,9 @@
 
 
 .list-group-transparent {
+  margin: 0 (- $list-group-item-padding-x);
+
   .list-group-item {
-    padding: .5rem 1rem;
     background: none;
     border: 0;
     border-radius: 3px;
@@ -155,7 +156,7 @@
 
     &.active {
       font-weight: $font-weight-bold;
-      color: $primary;
+      color: inherit;
       background: rgba($primary, .06);
 
       .icon {
diff --git a/scss/ui/_typo.scss b/scss/ui/_typo.scss
index 4126638b4..90f92a057 100644
--- a/scss/ui/_typo.scss
+++ b/scss/ui/_typo.scss
@@ -125,6 +125,7 @@ Antialiasing
 Markdown
  */
 .markdown {
+  font-size: 1rem;
 
   > :first-child {
     margin-top: 0;
diff --git a/static/products/product-3.jpg b/static/products/product-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b90915bb04da6c43544bf5e40a33ea42ae359650
GIT binary patch
literal 31246
zcmeFZcUY6zwm%;1ona6VX$~k1B4DUe0^^7ZN*Nn1Kt@6_h7jp3fJetdOGK0oaipn~
zh(JP1P%%UdWgwCOfkX(!5CSAX2oT^G&%Ni~`<;94oZs`z_}_USeaPPXUF+Rz?Y(we
zpS3soH%0&lPDjH6000MvqktWN|9&>60djT`P<RYL2Czk%Z4CfyjBEy83lG0xX=oT6
zW^mOH>FaL*MIsENuih{O8XPwSSldS5xC({)had9w4}=ASG-sPyG!Mc2K$>o*PRE^Y
zobta0vyTn+zZC0y85#?RTKH+&+8nZuwv0yHK=_AWJrs=y3J$Z325J7Cxux{?muy4L
zLw|oI91hYv`Q@vJ+?{?pbP5^jf5_CpOdkp~Iey68!T@M?+{6@k?2yrMpt<33Q^VtC
z`p1Em$4^)q0T2D>qbdDbs9%8PMY}Wq`7LP*r1_shMMXs!L>U_(Ljw(g78VwU$Bhh)
zjP#{%=!eAwhhL4>4-V7%2M0U<FlZ?3MmP)^eCP|utG>vHaFC|7rvD)V;>Lfm{inM6
zA1^vN{qd^^#1{qpoo!h7MgRY<?>}W6b~)yTzu`syFl0n1)L;6#))(R%mZw7fuZAN-
zFC&pb|Ip%3*O1}JuxrR0hfbaPqO}u;zIVC`g#~}f)cre^lar-Ga9H@&V5q-?9Y|Bk
z#{dTNvotn3WoBdqG(Gj>DRUt3^of%vkDodDqmiiv@JA!NGiJbl(ApuP5eWa_@PE+y
z{Wq=I|4I9$Lm+NQzij6p3XAmjI}?gT9QwQ9mazZ3F2?^SzyGB5`@idA@_*7AN-Jad
zrFs8HbN?et+K0aU{IAX{P5f8)_Yao#`A})+-k1UG`+JuK_`Q}Ik<11Y@C#tumMvSh
zZrQeV>$aWSr2lvC*tTuQ?mfG9?cTL(&o_Ji{(Q4%pX@iX`}WAo@82&kud1S=qN?#<
zkIeS%+xPC-d*GXI4jfdFQ#klv1^<74Y`g}@?b!0emLE3D$N@IV$!wOB*?0#im0G&Y
zRv8(Y{~iRkY}&ka+YXuSJEgf_p8qZZ$ZXoOdFwYafK4)+H*Jy%uyxaxE!(9GHf@&M
zvh}-ff!j`AxEi7<|F`sC_ix`(ZFJE$^r@D@n;&nzGJbgJ6!iAtxt`vzk+&Hpc9#{8
z$VoYGlG!37vwh3v|M-TC+@{Un0Z(rER?6hpYE2{gxxb~q=^6QP|HdF-kMx~Qa+~D<
zwgB#L|D#6#{`qeW{96P6*1*3t@NW(LTLb^rz&|wbQ9Vj#NY?j<f26<G-_1Y87~9<R
zU9!3M$!wXAr@rTNB7AD_CA<uivv+II8D^`>%or<rDP9DePmC@wi_@o%T3f9{s5nMO
z^`vBlHSD==WtE3M6>+P^DnB}sRX8-jl^0#_8WIb{6`bzJRaW_LNYo5P)%sV={ZT&s
zMsE7PrnK{s;`3f!Y|A`>#KSAbG|rmw&qUpx9^B}Hd7^&vuakaL>Oi$G1(k!`Pqxn?
zPK4jTzc7{gDZOGoA(|6CZPt$Jk91$`H3zSvUVzKc)`>#M)ICETLdEnF;}(m*`LX1@
zaAqChj?<fn$?i2{T3ftC7{OOfid`9)(Z2Q;8>Xe{X!_lOS?gsVXkh&(>y+E=Uh%I`
z#BPgvCQV_1I`=N1Qa>n1lg_Q=m7qKuht4OmCkl)MBZo6msq_5cxULO=u}@3*AiD_<
z75QREu^P3Vg1uerx!L`$%g1Le(%LeZY#`lQ$J?(4QWr+(C%z3;iO1@rn<1HDg18`j
zWt7$DD(mPtQvp>DL{raRG*oA+HR>Ghh~HHs2hu5f8jpE4Vqa3X_2>Urs|Tf8mMQ*!
z^Zrz7Gu8R#+vTDyGto}Ndi8kv0<MG7Q0yA0R!-M1At}=ag_AkG#1ptFOonLLHjr4$
zH&d2$cW{jn!==ppnrK1FWc!*We5yDcg*qGM3RRpH7>C_Lyb~~OWRV<;P?i?HF=D12
z$WebE?3tzRnUyW6Cb3*syMYOZpzVl?)54&7K0f}PXI<gvlKH`Tg_LNgrzBZNIGSL-
zTJ~YGI7l_>yD@7p%HjmhaDvTROhI)FX#48euVvSjl1j2yjx5K66Ix>?n(KM0$gQ`b
z4)=Q(-|R1l_Z|pnTwRFe35i8rov4pavl^3mrz=VG`xpoyh^<$%rxOa<nN*0=FX?tI
zDO5STy@8yErl51Qj)-~=ykg-~TxoJEJ*IRM0;Zb%1|PASKa`>Hh!R-SnIQA|PpSN0
z5$liPAM60X&kG^|y%H_y<mf65bw1oywzq3pJY<TCqT*LujAzOTgLB|x*4hj_+<|3>
zqH@Z-GB60A$F;Em!w`*fqI~*Dy|~$b-aOAR%j^VQe1l~)Xo96LU!gz3{%T{~o;UJh
zUS;;pP#mU-MqOo_%$m$34F?R*z%^<%00idgauDrv504U(cn(onQ~7zQIg2DYKO6(u
zD{4Bp3{Ih#QwZoYkKW{|A03R-v$a~ubtURmM4MMNKLiqcCN=<_q|2kiF^oxqCf_Ff
zET#5M?rM8QY!lE0^V<-I(6S1h)VbETEK7EIoiAS*IaFqm8@R}=o2KB3);-z?j1>*)
zA_8&;o0Q-+X@Q-VY*%O;#SiFa*f_@F9`A3a+0*NaJDXbGkoKB0f{8ifOt1}u9x~8B
z=}^oAJo{HF{xjv9PC`v?b$cY;FVOb&)t@S`J}J~N1|ulG%j;3|HtNQhSwaAHpZ%M8
zJ%<8I6gYLbX9|tOM2iS=Z1aaUQSaBy5|l!KK?z_XJ^`+i7Nx>XD`a{skab#)6p0HC
z#%58e!HGpz#uI_INz9H&W=LEbHdACgf*+0iSW>$Im>El9LL$)x(SFegV&(Qn6AkF7
z7?fo8NYi*tcy>FnJHv$XN;43zHBdx{-wnGWNYvXGJQQAOd$(HSS65eXOo<>Wy8X63
zVGfhKJ}~K{6=udSW9eZIi&4rgWwtYZk*dyF*@#E^mwr?F;m;`QU(xEkmJ^C^4JFjZ
z{_Pz$6?LS317IC?Lb&ALsgmNEBODwE?F@+Hsx8rdtq?TlRH#DJz>~pYwi2$YP*il(
zH}Hb`J8ovi=j`8Zxw7WHs*hGINZdiUh$Hi3<c5;xmVPC56+AAwT2y^Dcuuvz!dV_Y
z_S}*YMWAFs5akEgD%(6zW?Qo7{#7;qRQUt<cD0iMuO|{aCU*-_-T1L`C*2mNTO%up
zq?|hlTEpKpjBK`8f#PetE$IQKOXn}_Kl2pSzEX`G$bR5ZA$E+8-5-e0nr&4ty#LX&
z)z&a<CcE}XGSBuk3%Yvm!Hugq3>~#RZ5Fi8qi`iY)4elZNulwD_QlvuPySTB|Co5w
z$?KmOC~DU%UM@pc?XK}mh;KffVi`47NUX1pa)K-33(X2tNfZ#Hct$kJS&ks)H;C^|
zx&RY2XU*xHX#E*x*f@yfmCpiATt7|XDeDc()$uDXnOVW<85Im~l=@JNc(DN*6j(H_
zg2}Q#1cg;uS9?7oyt-Qd;Y9LN(+bK<rQ<#bbPX4svG9FoNQ`M2^7+A(y!-raupRfs
zg(WQ2&Db_({6rqOG{|(ww_*i>9>%ZgZ_%4|=YOK<)>l?+`l^HY?x=0JiPQ_;>(&{i
zIUz6x&7`np2DJe|`ZPq`@X7wU9;-K(ZL!AA1%65zYdCg7BtbhA!1DGP-W#pTjq+^S
zTSk)w#T-lH7gt@DToJ0qXmnx+j|Z%FD>aZ2lS+96eBYa_!yAAzYk^>BVeX1|vlsUJ
z3AUHX^Em51*Vxxb-&i_vrwXo~aY<=zb21ftPJTbDTd4`9(D%;Hx#bj^cU!x95Q2{l
z*zmJFHUI|Ee9R=@MQ?<DVQvumk)|81|J%1e|8XbybER9GZttEz*&0JJ$D&8t4|dNm
zi}D5;mc(eJt4?4sKS1kkP0`)R2yl<Uwo^%V{)C}nSZzg@QzlQlTfb<XHA?KGC!&dJ
zHg&vv7!z)mwO^Y4aekQf%{UJlD6r=mZR&zC>>(`o)t<#s!`sE;w?`+pHnrEWe7hZJ
z1}dkyw#4&MXPJA-@#0|-Xak^8%Z3(&%)I1KJ=QJX5tRLogP&<%R`_!w{xP-w&^HaL
z7xJL>6kc&h9H+v1IUu4E7UD^NJ4ibM?Xg_Dv7FBI%o^PQ>{jg_3CuAIaUca*U1NQ!
zh$vjEe7a^!E2p73*V^Wb(EMve-G`P-cFwqB&Lx0fuO2v|^XcVt72NCHxYsKC=soex
zE@dv8UUcn75#Lc>_$J&vN&&C$6|#pCWkqsuc$Pn$kK^^$R3>I#eLkQUM+RNJV5Pcn
z)9a5V_;aP6?{_PrKj*H0bd108=z5cyUT(ic+cN&r@nswD_5Bmeu8e)b^-*#tW#7a=
z{eX-WyBiF>wz1J=X=^EEYB!u%V<GCE#$RrJ7ms;f+3}bha8$)!1Z~Vvf9>50>Mys+
zzK}oq3XUOM@NHh?5817(7+?9#Hk0LRcrSAlVPi^ZB&+v}4cB+#!g2M`%pUXo3tPYH
zhyZ@STfX<_gLOsY!U5QbJRCM%$d6cxK#?5McmxRZAUhv5K5l3*lIq0<5;##Rm=xGO
z^Y~Y+YRf1|<LOFIxV+%JF_>@-tP^FjZt^pyT%1m137Yc3Rkpc<{1_04v-Rl$p^H*d
zYBERvSl}Dm`uRp6CwY8qrbh>&RKBa+GVYBlE7qs*Ipgz%$D_ECi4ysxS}vHoQd6#%
z)swg>2FqVZ^<SjZ)aP3e85@9$jf~~;omRMemoJr+f}CDGzWX}kr`SK&=zmD9KQ^~D
z<+jH-?8I_X_6EQ-f*~&20KA!xPf8m`xh?#PKqZZPQ}jB+tXNk2<{wT>js-`l++U`t
zM3X%)sh=RV7?`956570NYP)a-;J#Lt?`YZW`Fr~BIwISc5m{=`R%d26Qb_%EG%X=B
z8?$3mBmAQRlv@aO&cdBm-h0=1XfXbV&S1UazbWWZ^U>ZIty&hezz|P$tXtwV``Dhc
zxx%zUbb-3|SXG2of!Zwni&qWZGY1^Whq4?#@4ESi!u_ejt;#a$>i|Y`>)gy7yEMa{
zv0iCQo?mMjR<l-n7<mblQ@h}qxf17V`-VTo$^>>>*3ZrZ-%^ysl}$tRYA-MJF{=+S
zZr)k{4M1*HR?4J^SG>ac=@Q@tt)x79!O^apXxHq@r+OsO=zH(&C(lLmXul;_*VfXG
zQC_g2rcm4lVCOP&CgF$C(9Wh;i04*bxnkbkI4ES{^T%_;zz<JdEw+9|e~FB<3*b!4
zP16m4(Yp<ROPL2b9<-R9B}=gU@cENBN1uJ~NFDe3Mfl7VsgmcMxGzz{o->Zm%4%3~
zwJi%`?pa!pT$l$^gad<<VO^|YW~@tj@dn`5?m~c%c1Slv<Hr;+zY=zBG5$&aiJ|JC
z3+e?nw|A8ex`j>6+=ZzrE#DZQG*tK?aKqzUV}nB|uX+ZM_?Oq+1_V_5jO3G=f2wK!
zn0TxC+?Jr5Z^Kp+`GFJ<V&L#`j%f94%l6os*Peke)3sdD27qR~XN6GiwU+C~*#K;|
zW{lXHo^xxmd8^yf%1e5KKuU6(^1F`r`{<+lFc6pCTW5$UldV@SxUv$<OxE(^Z*~YQ
ztdAab6`IsS`ie~APt9%4Ny{pX6zd~^vw|^ZM_d4LVf9)@Bg5rVF?R~_C^dAa>4VFE
zT<<?qDyy$1qoPxMz&XM8*IVqG7);fxF{zkAaW|q)ewy7+&CFe>a!3PZ-OsY!+SbFP
z8p|)O?y*`!&!W2zj<Bw_6WZlhE%Z#Wy(__ICrRGuVB;KCNCSspKr@{i$FRsT#ZMZ5
z#a!;f?Ln^k&A8;aD0v7oE#Zk@Jx?@2>-l`ef9cB1+edy9><4!0gn0eOjADKmlxj2O
zsh!YvopPOa#K^S)W=T8ZyNLDjG(|j0wm;k(yXn)Pk@=5l<v;BhK%KllsXN@pVvA<a
zyEM7?jZAlNeVT0>?hJs(XANyqT(dR+rQuoK^wGwkjzAo!A+Cs_c#m<TzFe?+bDb(~
z`9OcfX9_Pl&3up9xk|Rt-2g0V{sc425iGb!Rnd8J0vriech~?NDT3V487=JSv0O-6
z-5<yUqHJ0&Uhy0N*O)MR6nQh5*D26-l~DGubz1Ap#PERLt>gY!cI%wW=j%rh?&BA9
zRBtW(u{eLGRK^B?$(6y3g>*UHohZzq7^{n?=ErmBZMF5)Raa|KL#|x4dD9in8(~4m
zu%YsC-{x3&@hYciO5nv)wd(Mkl<i#FZbBXJHiF{3je=@epzv%e1~L(AB(@eUCX3-9
z5)bv$t?Z@ELyu=$qZdB!Jb)ZdQQH7q*G#BNHdD6|ppGA9p9>BgB&+EzhmUhY#z|*W
z>+0|{P#6?5)ak9WT(0*V0-@+@Iv@AB`4y+j-4;bpv^=X3a2v&>q?L<r$~^IuWT=yV
zayT~7zm_qLN-MRrDxsR!5F+=auUcqBhofhtOQ*#0uqssvt$Y%a-L-wSWyD-3)~(4_
zDMN8psY)}G-y-z%HdN9;;LMpEtRoGdn4&6LPde$DJSA&($@Zvt?ZoUgjGv49wy30b
zW3`&kys|n4oftJj<yy<nHg(HU6E?g_-TuKr=$P3OxvYqU{fHCSSXEAQ9YdMA?qf<*
zvOoNp=Kn)lnKSmEcVu#HK3yL|s}GBK+wUM@*-L(D5i4wCtQW#NKMI(5uXEU>qT5TX
z8NN1c)|)^*Mf=FCObzQwkIUi!Lz~UNBaf$r%!&pgMM)cgj^aMnL_(r3(|=%cXgbV}
zX4V}N<e_H+wCu8quil|on6Yr{#e3aWP#%-kI>AXfOCs*~ub(bx7zN35j~g|;Sh`9F
z+1CeJ-{}A+&+90^x8p9M#JHF>)(mq4aEy9%T3qYYRK9{27Y&2J{#vTH*8CK1{-KP2
zrf@U$><@NSwUfB{+UenuPC2Qqo8*XkBQU+AqB0L}Ri#EHjfcnmlCXP8Q(D8A5VdLv
zZC`>)8i(;P&^2t)C~*&|Jn0=a&01FELT1Im&WT3ZtSEPAk8N~?KV~xN<TFQdErAb1
zR_uEB&Z#k+=FY%DE^kT|Eyv)O10@80?W+F4@89z$LdG$HKLn1(&4vF`sV`W{CKVoZ
zPG49ENFN}b9&c%ivAxIc;Gy!ayXgoxXlne+kLLz}=bkzpR{As2{|nj&XFAoSLoAT@
zYB?8v!cZ|=<l?YqC=2zPS{$h#xJfw=maZUCQC2b2(i6C=1#qCqCL*FOp#f@kET*Vc
zUoWvr0}Rf|+L~PzC>fgD07OornkK9xu)I+`)8t+F%$wkqwTR|g%>7PZO}LtGW_HC2
zr>({BiO@u_a4W6TCV+WFi{kuwiSZ)I-KbOGOXU)Md-tY56C`qsXZm(dQO0sKp9*?W
z*#^L{xrHSuXpmYN`)Wf@h0Aon{n|vc;&Usdy0CAn-y6IJ{R>(DMDf;&KDx|yn}ZXS
zjJ+*xM*>>Bv}wk>4fHP6;Zn32#}@E=s+B~iNjulCp;9bI*m|Zl_p4YT(Wul+O4+Nx
z#uh&k28Rz15q5uEPMm=MZJjH2s~^5d9EeV9(;tEz?Dp%XwhRO|b+%{go42A9;i~Z2
z(pv1?59mVi)(Grfl;w(K4<_;wx*nID0e9QG3ME+~=%#ZQ3PzDMhoxJhDXXxHY_A$O
z!&mEGG1;vXP7D<|%v&@Vj`4B4Gz=N9EuL|+<7D>esopw$@+<E5blVTU{?3n!i2s3Z
zQAr5qM4?F*dh;QxlcQ^<SsjxM6-J;!*Yo_y>tj6miojOKT8wio*VeC<{gK%mGvD=o
zJ#a)Y@8dCEpPF77#dPe4iYp!X*vkIN8`@o2t;%N0n(z!{VaOQ9E!-(^`Ngfp=95?A
zfuFJ8Tp$#7u6ri3ihW4TvkpCHpsDT5EPU+QC(594ZJ1&bPyL(6VA~Ol@mhJO#94?a
z0nPv!hu3FZxXkGqn=Ac3N(I)|P_A^DcX8+C!kb_5BwZc+TF%(*+3{u;NC#P{^)^tg
zWf<}sN3_V*W8M}2Fk0yqL4n9N1>kkp_q0e(wKAA0pa$)T0KGZCw0QYqQeIjsB)M5h
zWJtCJ3hK~99yQ>QTPD3G)Y9wR#g0RCesNbdm#5C1l7$~4<i?p>1+fl#!eAngGcH?1
zftVdrd&bwTfjo5elX6rrtn?f?*0ZLpG5*^ws#^JY!bJ;+z5w;exu$^$t(#nWTCKS1
zdL$s^+|vMy&%1B_2@Cocq%JqLCT~I;_84ac=BBUos4c7?UA%`i!0HFV&nGiP#3&0O
zWdqROI;=r<#zJn7cRe2Lbb7j2YCqTRUK@XWWo4+NK8PGTJ3+a-ip`I<J$|wAQaoYV
zqExF*tS{XxglHVhzJI@}`dVpS%GqDuxwyQ%0z_;vwu9^^7rCctYcY2nrmyvYqj_aN
z1*xcz=O`6d8YuyjWe$ZcmrT%QlI`Q`Yh%d9!ND;OL5W=UB1_C$AHNf?r~2Z^=mW@C
zRE$iZN%$6Ucs91;U>iqcn9#R?$|q{u2K1EmFMH)mqN;~WIs$-;Z;H>PpNFY)dHZG|
zK~obG*#iQpFUoN98fC7x`Ho(dk5+^u%`zf2#<mQ(bZU5Pd~ZSB8@Z8UnC<5Rt?6{P
z3rc!Z3ogl+NSbjnd{w@T@lm-;N4u7<Al)W-)e-2A;#-8w4krtrQ^`b<8jEGb!LVCF
ziJ4qQ(gwf*_Ne*dPPtECcacMv`BpHxN5lM{<3dZ3Y4`@<imDBr82WjHq=Z+t5?s`w
z9EsfkD7ev?RZ6)rz9_+4w*q0H`8&^Q7%NCfPq!r~<lvb57{<5EfY(n8ST@I^#6|2m
zPn-JF4m1ZWfu%Lbdj@)A8H|LS=D1^S807~z4>iX2c{q*x_D5h2@D@r`?u~3WRShf<
z7rbNQGdmB2x)jxzpc)w5Y=7^t(yVL|{)4mf+?Gc1=C61x5Q7AqmU>sx#syK+xM)nu
z9x}&8&01e%9iJ9fM8gDK-e<N}*X}-7^0aS7rxg-(;)IC&xTm?p57=d$IfL`$mGD5?
zjVmJyi!6k(Y8F^kVbVu28vD-HD8!pseJ`Xw|H|3`p`#RQ_X21P8U%aC6+tR?{HE?R
zoD<?F5;2ECGPX!i4#y|=T&hG8o$$+x`TO1Rq=~HJ4v1P)IgnEs=)QV2w;{57_j}sI
z5s_+|j^~U>EadU)eEsXGy2&REGJgAt>phu6m|W1I>g(jEaAaStQ{eEC+hFEtJaaa~
z7|5)$z#>q#kA+bT&JBK+v97XjzpyPRq}1zzS+N~g3AbGB@(Kl?%B){%Tuj0@pxq?o
z5Yxc~ea=|*yEbNi|Hv?uZX&4QU`1zeB?bXrnOB9RVNE!&xR>Vg)LKFP?0wxKI^vc<
zO<T)zmGev++7bbKXss`2>-BxVnd@xp!Y%?jP<<A%ulkyAdY|+(#=16C{RgIRUX&k4
zIL2hsN+M><gaei5R@8MbJ5oS0H~z)I`Dcp3RPUeVkbu|owfR=f;9Lq%)FCw>9fuX3
zE%e?XL&>0U_eh*U%eHgfjqzPk<<hM-Fx!Z4VNdaNL`0KZoC<wv6yCi5R60NAOp?Rs
z8xE*HkBDV1^>I3J4v@pcG(uEv^$5byepM|v0wdTOQufQr$%(fCk;B*tGOVnJv&(GX
z(G?Eu<E@z~t57-%U9CwHEC)^4mVXeK5ghBEH;^GL3MiBIIk(tzm8AP+l-d0?{g&3X
zn+(oz548zbA=v8nVmJ!&u_CT$6!V<ZT}E{ki^wMjSfSG}q;dt!_UzfNf&%2j1hbfP
ztgD>nzPbT;!YSk{PDAWPXlWiY2R)duz^SW^z2OyV+-`d+$B1Rb$H!ruxWd`#0+Y4l
zD+Z^N(4_IxA@T=ZT#_|?eIsZ-1<;;D1bnSq3|49Fed=ROQ21lzLPMQk4~)AJ_yZ5q
z2;$ypMM>l*TJX!0Da6WB5P1@jF`R1!U4E)8tn2IJ!Z4TdAAEGTB;Wpu1JGf`P)6@=
zb$MJ74e*BZX31%05>~b_p=Dr*(C^g*(R$`%OvL<qK3Tv!9K6Et@@&q~;PC2o1pH;Y
zx20VN%!ENJgH+<cUbC=H0=G3)LU}trvTP7`yV=oyl#rw6o=q!38he8ldlRz49^Y?%
z*Ht|NN~rtMgt4%R<&YaJS`I9Blr*j4Mr=J(GY5xriasZ8OXy(}vPFCKK1DT{<xMLK
zx^j;D5Q@bpcfKO#w|OE35wbcI$44{b&=HizR>wLlr{a81=BfR+uIM~D`e%&jU(oLN
zvD{?Jd3MZ?IZDmj2ku~KD~l0o5fxoE9*iO3*l3=4>5{A7-BF{ExS)PvK<aYMM0@U1
z1<XBV5aHQYV{Cagt*p)2!1fml^JO>l1YcC$?ZC<Ap(;x!#0Nz6;JijT4EM%Za)G&*
z#T^msNJ>7P=o`?o(3MQ>-=4!o_XkdRek_4DBJ5}Ib-aUTUF?tewzCfiT`k8d9Ag__
z;Pp$I=HdZ$x7dae2$1}@o$kEEH!ScfW@H1PW*p3$o>&FDlsSe;w{`|8-x8WHKFdO%
z{F-CZ7j%T%vtxr#svkZPPfnb@TR_RGpSf5^XL=EsW7%u@bu+m63k8`L;0WhV`t=nZ
z!r{1B*x}RIi^;Vq7yGcg?cS{xtA`Nsf_NSRit+h4ler7kQb#$Z?Aeu=QD}%FJ<#W2
zr_pB(DiWw{)=W@<M_{s=C{kzeQ|Z4QZp><`eNOVpuXut50POc6%J}we&HH!|Ga4nk
z#(1CKMz5P`PmyKapv?YUxB=Jz9KC|po;WTF<^tD)r_MGeeDBa-k?5iU!4NNa>-=z`
zrZ<n+W_Ws`-Coq4oXSv&sVp_6LEN>48D0l;Y#jKN0Xlug)3~bmq$`UWudOASj4rTs
zb=}aJ)`;_;+UxOpP|Di5CE94MUBt8)+U650ga;qF&I`$M>J2Xdxww8Sus`hf`me+`
z{@zSvkL@<Q=}A1PVsOyEQs84+>e*?iUSE4{-vP<V5n+f|+XlcNSR(S6m7Af&>)9@R
zeoHU6^jx{9Jr5JZ-SgnMd$)?LT9>st^YIRpY7QdKu2+9v-zyf?{jrc3yQ&@+%ELvK
zHhNMKExQ`>o3Sbz08;C9p-KxsBMWh!J+n;m51A<F3nlBQTbnhXuH<oL4cD>XCT5k*
zt$`K0->Yt8$l5B78P6^U>lhrfQY#$POOA@3v>xehAU_mbKW(M8685>pK@gL;=+n>&
zd1GmV8E5OpoI;OV92h`Uw^5_o5TaFeNEAA379S_cT2|&ZQ1Vs|5G<k;mP61)c;aOb
z3yaF^R!;$^JYX`EABk$7jX|*NTjZNt9hr#yr86!W$u;=y14ZX}$?UD=!HtgGPr|jP
zh}na)mNt2gkJ}ZfkiK?zVmv(!;_)`??#ZLCzNRw{pojwyu5C?C=WcJe=7~YC=L;j+
zKZLr^vr~tiS<Lp5@^cprhcQPM3meZOtcv=K4QvpiJm?8}<B7%0`0@mAA?9(t6=L3Z
zBr?3+gJgJon!6U17re}8&WIX9yZx>bq>*(DkhOoeB&)NVu?}U7SSR`o<*BWOP1hHY
zBUkyXwj4sU885`46hvq0ELs_P7Sxj2!)sQFBP<i%x8$t4b*f=@Z-Z*I02%2unL{ue
z6F=)mh6ur`Iq)FHY!ab;9kU?d<gY#Mo{wc5K3)1VgX_vJ(ik6Zv27fY5MJ{`M$<L`
z-;r8$Ua@DmYIzbxib@>+6|~HAwAExeCVY*_phJxutk^5y5JZrBl-S(e+-m(y-Ow_!
zOO<srI1*p$zlzgBYYq^MgJKiUBC_`UoV_41PwJ~+i8!{5)xa_boq(S1tL=yh$4eBZ
zjWDm1G8}0^Iyw`1nLKc<w`JZZ7d5Ls<@sHT<wA;Hn6L{Wa^CE(diVN_#hw!!#aUB*
z@M)Yo7XhbLhG)?}F)b+?hub>n%CRr=(6O6d{@%*|!t_?9o1WQQ%U_$$8Z(mz-4N|U
zTO;vY=S#*m%Oy!W5m6aVH=#F5oFUg8(#qL)S=BFsYa%&SJXlTY<56*i$(UI~xdnna
zvSiATO;8PC#$8SB0OJ#|r!ve*Rxb0_pb6Vf$%Q2*YCm>5qd7m{$GfasNMB#pUL*!;
zXEDd_r)eo>R$1{@YM3D9K?j;`NS<`Nmzgs${kUJyOh?@93JvDt$u$$CNQ<i46jx?B
z^Qw28a4_A=LdT~Lo5MKevjO;Mt;vR2L4Yo@?Z`5C;;|588!!BBRCB#~`mKgJLG(lo
ztUYVL|9WvZm?K!Mt8G~!+2Y7Y3bl@mC!9@V28@_*0B(@<@1mMgNx`F~1$Z)cuU1$c
zG32Zy8($yCSBBFJ488ht{NA-C;)+~-D$9`gi5qjO0hF+IT3j=ePheJ=+q4)A;6p%<
zNgfmseKx7eI*MZZ90*&;I+2u<OI=q+n#tkWf;cPYk>j3uFUE**0Z<dv<?KaHT>z0i
zA&6MXb9A4ZECkbaBdz6cbpPP}7q;^MVij|3Yx&uqJexPGec%lH^^aBcW($LPrX-e;
zbYmSmsIAYS$r`{4;HaqbpC-5&{%G?9<|c&iYDlU>0W?)nm!oL~B(BYcN{2S#5uV*O
z&bg#`?j#P=)Dhv_!WeBsmgCci_^4c$-5vgvgzX`Par(7G8vt^UQmL(~6anAP7%k@E
z9BjHJEcVsqHmwfG2B4^&(3z4*LaXSobZ<Ybds^dpm13IW-+E#LP#Kh6?b-ujl5ILY
zUWv+qBTxNW)Kcz^m)}-&=QMY>w5Cv*JT6?Y{BjHr$?~cm4$3k5dAj}f;dQ)4uH!;a
z@L{6yog8XlH)*1Nt=q62iT{`q1HRw-X8HClCbMN*d@Tz|Q`D25t*|rHV>&T90w}?`
z(vg}%li!&{<5#Bm*R|G;>QKcY44b`}y@a6~HvT2+u7ie!H1O4`(SQW+kU`rL@9<hj
zI!YN2<vG~C!W~;?Li4(#MbXP@X=ZWUZVa+*nx{C^?L5d@TSRAoGK>`q2MPjkNU(X3
zIA-40(dJi-)FmCi{b;btCcFRDVt-|ZbimJht>se<%k94N6mA*K1?}FJaxZ0Ighaba
zW*8i!vuWD2m`u%T%!2_wpBa>HV={adN2Q7CPz_ZEI;eHqCA9`_-h#xIi^dHZ3;N+C
za>mux`PFjgbs&7;olv|uQ|TMnqRQ5fsC8)t8moW%u-g{Dt`OA1N&x<Cths$$U0sAT
z{eaNx49UpwZc`(h&1WgJjFLT?{qr*^;Lhqn=wiao9&Nnn&O71qSuJte*pQWXmU3--
zLpy~LU(aGEagIy!O-aEmMtNx+-HRbk@E}nADy*{k>MU;Cs&hRyPbu?!&t~&ctbX2u
z;ouW|w7OMDO9f|m_LU!r7n7R<bUwDw{&4UjRKIM3Th^LT7t5P+F*mg8L>&^Uth*#u
zmolQ7I`gECA?Tpz`~gkPVS&cc#!Jo{08Hy*BXN;KkHqNJk$jdlvIr_v!RiX^JU@&>
zEcd|*e5{&nqpq9{x^%?obZBoxseKAPKIB?o@wwKY&sQvL{o$`{%ir<Z6}(&N=9%^i
z=O<zfPB*rB?e)Cds5ouS%sPRC1at7#CiygD%Xe)KX}%wc5fv2o7#|CG82lb6)aTl~
zp}vKY(7J6t4Dpe?WSUPeF=7#|UR}&^uOq%<yp5M1cW;h<Nn3=u7ZStivEs$TN~5Ag
zV^3(O`UxBuK0SB5A}v7cu&1>t-S%ASy2|Ofv-RJIE(w=%s$K4({O*e&6uuvtDls2#
zX^c_1H{7x0SGD6!W@4PuoAuqh2CJDbo(5acWkP=^(qEcX_q5#9`AIJHwas_SnIr2+
zC9<#<M@BQ4ELJ6y)WXk<bRQq8o2KSz{NlRSw*<j)zq=gmQhC8S_Kc%a@d{juJB#wq
z4CROTVbzCq*gnZ-`^<GB^^YhZK?#uW(Cj5xP?#;zr|z63SjeNUO;Ww?slez=M?s!i
zV2@)RPty1JPJHOYXL)yHH%X%ZQqg|L?AzTQhvZ(pHi3}WwN|sF8$VrpT%=QlTbRq5
zg}5c_a=EJa2jBd-&ujUQa@S0Gd*1#U>v{Uh;w`pXCDcY^HOBP5)VUCq+%5;JSUe3G
z*My%7z^J+<aXDqbtlhV1l6uFr;1kRJ9bC)<CR+*OB#?x!THSZE?<+q4=I3+IzM|U>
z0J!kba+8_;mc62G_4&Ytfw8oZnGlFV(Lij+=3gY7m(*(Z1o@!}i3Tc<Uf=DczjDCy
z^`J>DrPSK<$HR)%-GN$iAT50p%;+6u@3hshAN7EZlzF_U6kF-7#l0!TmF=@A4<Y?L
z8lx7TuUzdpKT;CcWOR1T_!#cqHMqPb#gjRT3137!mMBi`to@qkApk(w^PAkOA2it|
zPvbA{vzNquD)OI9xTNYP4IJT(F2XV!Hvo-CF#6G`huR2qW?^P-TQwj3kajpW;r-Tv
ziQ0UNB8nQvL+bv$kWR7mPr~etIEf{L#0h^ZPB05ppES_eQRR@kiep?Zj?7AzqT*OC
zBg;DrkXeXxQh!ni6Ny(m5-8|;_^bdOant+e@4DDuncQ?z<5<KN$Ct9V69S?Ufyv`M
z9|9$wILQbKV|yng)u<c`JN<lrd!7;|z=6NyY3iP=_2#ryZWLeW#*i-~S-v(zgi1O|
zs=14~Z6q=GP=E9^vENr`SaUpJ1v*xaJmVQ12eW*8<?%<2tS-oGg7eU{_J6pXW1r_*
zEo=bFuRPY9x>EQesb2p#rB7dTlMK-JN8h}cDKpP*>(Y>#rf6ods=-WIx1oYt^*Bk2
zS{b}p5kk;P8K14xSkmS2rSLwXQ=Eb#>WVt8B4R7aYNRyCC*MQIUSx0F?CNrGYNsm3
zKfx!?kumP0ZITwjD9xC{)g2{uE{9G8%H~8_Bg)PpMKq=y$R<E}22+K9R6w!2QtR+W
zIvd@3@>e$E?|5ys&~o2m{c=yBA%&JcN*GFTt{wi=emAkt<No&}wkCYTI+kaHmSeVY
z<QSu@>=ir6n&W7_P`e8D!>He^yZ31f;hi{9#=N4OV5<}CKDDQ6e!u@93tQ*0!l{UV
zR+%zalfTZKs8V^5!%v>1D2LBYH%rQSQm}7~8x(9`%N_X)dn{d^Y>Lo%qIdImb^9xm
zn@}>cCNQHNwB8<@=i4>bE#@?sl5r}Z=Q9*DYf%k5cqRurA$4uJR>Z)BGs{GHj1&+I
zg(Q}gp1ajGmEhy3Ox)jmnn?e=CsUVCJ?K)eJnaeIN9wjOw|3&+vvIt_6$)LDD~*(o
zDQdX!;ET<K%=)TxIvzv(>OtwETA`N>zmN%0<sRSJKk5E;f!~Ma2;c08x{2C6Z`>L=
z8_n{m<JP|kQr7=GOGZc$w1e(Mx<w1&Rj3rbNr<_R@ss@2t9$c8Q!xY)yAoiEK}BpS
zz`M8KR&*JxfUC3Z&Gy+W;?=BUuO01pH#!zUv!^;^$qwhvUQXB~+yKN2&4=|7p&_d&
zocmby4y;<@&`Vq~{fhi?@RP%rzp9BIo5VS6(R*zZCg!(FH;2M~UQ!!9A^F&;(Tcpq
zo^i@NF`I}PpT%h`>ETwMTb}!|DE5ki9lRn|+a!A{$$WiJwiMg4{V)Y`S-jbn>=U5f
z7=5%#2sFW~vXXr?S-kK^MSST#cLp*(Z+%Z8E_|5JIikftnQZ{Lji+%feWe#)+8_D&
zRYm;%3#!A%@;%VzDo6Lj4eKnGXu5e^Q1&RO#)HN`cXoG77Cas=B=(e4`{hS5mKvQ~
z&Rh0XI8t2G`F@Hb+WxUnT2F2|0#vsRf^Hwk)q-d!e0UYN;*7{V_bwtkN7~rGs31RW
z0IXD_@}s@SnD{KJmj}qZfiup8lwMUbXv*%TsXvE3mdJmUhaLKg;0%Dwc+r#ZCen`W
zR#!?A-A+q9D3;}ukQ4aFWe7y(K=qkIV8%+F6s7+>X&7Y_VwQ3msjhUNK<|~qJvH50
z&{?J!Pl~rTWZLjH>)wqsKKm;6z41b?I6lPY&K0!0sc2xLHYYU?RWo37(9tFSKoMSS
zb0#0Vn<6xs8|DkfR}k(w!CE@Wv9}O9PYnLbf#>(UzTMHl<8A@JwwRm;ww|^~uzg&a
zpvKxsdB`RvOUEBXKeOplO+L^0JziHpj=S`k;l8H#ZMyBnr>uF^u|byBqSP%GP;k<G
z8zd)1(R~8|@=fS^VYV0TEKyj}tg!1+ckZzjKT2sUi0ut$Or5iAnLCxWJ~F08(gQbX
zx9W@Ld3;7=i+|Qd(j9c{3+>T@pOv2czK(xodTajT=P#oXMX-9eU;~hzu;|Ilz;uJV
z=cN0L_?kV_)$gr_;+v-H7W|6+l0@&gy1OuPeZ_9YjxZbf-h>Ai+8o#D{biKBe3v5f
znK$HdaX_Qk<<`;3Bc;}>D3(IWYCwEun(aB+rUbA>nz=PjJ}!}(+>{!@kn~IEE5A3p
zR*6T79p41sOb2{LoG?HN29*NU4#SN080Ly!2w5KE(abX~F-*To=+aYD9CN4rNaAq>
z|6a^_$H)$!kdBq7JtK=XFX-lPrAzwWpA|(l1MdSVpF8c_A@Qh_Iio^He_HDWkA3I&
zj}467$0X|wOOeNW*>f%hY4-}m`SS>1aODyzW3{22snPi~M(Wq5op+2aDZO~Z{afDG
zx6}Yk@=0j1kLlbTwpbM`CckE;%%26;REDR<;4=0kOm}xwVeP8NaeH^s<bl`Lz;>QG
z1Hf{}M}nIkouE7-K5<80q$enI+uxy4iOJ<ZV=zjPpN=g@MP&FlP*7o|PK5}V<Z`V~
zYDMId8j(Wci1MZ{Re|WLG3B-t_skrZR?tbauL@@X0KVPPbbrhF*A~=yy|-<K#}P3{
z86#}OD4sCODI8eUK0q8q$5l99dW8z{?4JO6*YuS7Q10u`J~tbLxEz#(tUqv~WRSAw
z&)yl;7ahf`J?5e07-cuLpxBIdKg<rI-a{>hDfd_(8ZS9GUX(7e;fx}NGoWz3;Y=~l
zWjx#cF_9x(?Dm&EF?jt~n&j_!?N;WDe3?kymhX&^R>wN5rWjs%d*9i0zsP~&6NZ%s
zpbyP2FUJinV0TB3VMOh_UOg*!o*JxKzefA~Af}D&o$s0mR;YAX(RrG7JGp%>k~gzC
zQNu8d&^aOnvK!E*n-k{)%AX|aH@8IY11HrH4=lNt^D(zp;(t0RnmTWvcPsX5pQdHn
zC~r}Hus5-5$T5_4VO+dsibvE<Y6yC*%0+K4o`}kC6)yEx0*eRfWaQ$RYEi2kT*F4c
zsK2lp*SkB;A{S|XB3|h})m^l5GM8f%IYwiQJktrSuZ%C5Fv+Qia%1~ECEXJ%bhc5t
zt;0KOTZxr;I%b_8S1#$hi$a&8Gk{ZwZ$+XlFTN%`0I)qP?dNYoDIQys?&ra56uCCs
z&--*FZX^2S7)<8i>9_=bA%i@V66Ln+KWUTPi?Hktk9M@9G=hKBY2|ON$Pg~?#k<du
z>L=pY0Ur>!fm~Aiw%8t}*5bvPG;L7EsP4G)Decx6{Lsa4YIQf*HG;RMM}C@+eHR&O
z6^3Y_G%`nqeWhWoK$^Zb2pFA&kgfusY4@J|>GwVEFHCQyMsL!Np4!2<8Rj-|{&uQO
zAcd5i=<<L`r(^8~v0F9(x7DxAS=vcnyj!m`Eg>!z96WtN?Ib+Wqo9Ii3sxob7QV-x
zCpQ^Fc1y=7_QBg%2UvvGgDyocj+)UET#jVctPuF^a?@+zBLzE$87;p^Duj@G64&$K
zCIdQt&>tJDoJ$dYepyM~zj((^5?1jw19JdUh*hDC{Nc@GiP<ELS)Yr8LWMMBO{Yoi
z`iwhQ^v?JdMJHHSxD=O~(2$zGUX>wAH;j08N5PXQ=DQ3gC5f)fp5QG7JqJff58XX&
z@1A@al4Dw$ySR{C9;IOzL!jCyN<&<xYr|Ks9<|gGj!-2m<IK@YPzXewry6IdmPO+}
zS0qs#VDc})p0^}_VKe@3R&}|Sn-o4BWQ=Z?Ut_fAlRjuQ9sY#(y09u<|9)+!>xtVr
z<P%F`{^yoRy@YJ1^WT`FUnH0Fwh|wSW};3I<(UtwX9e5fDWn_|to`%+679&EYirkG
zv8&p|#2+um+s<vzODii7)t831z8`HTWG}#h^SbLF3;JjgT+7%zyH4WYjz0Oy3kL3?
zdk-z&YYjdo)z-qn@8~_#*}tit6c@CDQzm2di`~u#Et%z>ouO|4){Nf4TQ9Wm!g=!a
zgZ^XDw}!f@W5@lnxexWxY?qrxdFLYoG110Z=xJklHGQ=fyIW@;#(3oi>bzvR4nm-X
zS=cp|ciqBQG`wzR4&3o$0W7nw-C>bj<T`NfjdUXYx(;l0PZ@dr*juI?hwZ=wsMwM(
zVa9(vlii@I&_1096Y^KSOBsgjrc`_?ZK-shCXk3n&XUNdD;GQ?dmgq_Cii4aZ979q
z%5L`%Bjm0vxm;1^S2p429=Q*?d|*#fK)SFh`z05Lb5&%C$#~f#p^j{0EiXg;0COD6
zY6W3Gy{yFT=N^}ykA2mkxi7Yv`y}b1jDX#dC}$yQq6ov&5OvfbCG3^ZwrWwI6gqRs
z-~^>%h?C7#n#H{`)R4T_?-=ye40OkxTeaj_9t9Dh+Ey16JLNUpRdz2;hd7FRwKLXp
zdd{@AL7FtKA1xSa(--YYUm-BmN)zf=FQOkx8bdb#(b9dm4ta2p2`kJ?4Uw)0rKeG*
zejjmFy`FZ{#?q6r|7~1<UC!3#^xx!+elV4N*QK?JOOJ`KaBI=FhS(}3#_eAUU&#oj
zsyb1jsa|&itc`j<GMFCpZxwdgCzpdRUwBE+A-GHLPH1-*f!}?>+mV@E1--1|uHFGX
zdWfSRjzqM>RV4T{JY&Xu$aAPgRh>toeA?@v6SM^noyca(i-r0|IfMu2Fn^sm|Af<i
zmgOdGcfl5~`sbMhax^^$Zc-bke{l2N7P%Ao`EEcW(~}r!^}Gt(1nx{6d`qv1zF%0V
zem8v_buw6|CY@{<-U+@K$m9S%1o4@<q+dNMYO5UO<+(|igeN&-WCuHCBD!-jGK;em
zo|?O&3+5unUdb`lddy}jcwpG|?pLw3Ne2Q)Z#v>`e$^9uDF7_&2Te#ZZ)&@Kg0FZN
zUozf6_2j0cw|WU|2Be#{x|o4Jh(htw&lGq90ZE=kW6u2&{iLpiUjIDT7QC02`1G*y
z(LqhY_4NuaaA9#<A~JXyXoC|dY{#r;={2;Dc=c6zzKdQEBQ!=Ip?ih0`fJQ~l-W9B
z_~Ghx4%N0L<r9H<B?+u;F(vgfaRC+oq%r=otgWfP?eI9Hp(y!qLwfvicXatW1B{rB
zC!Lp0bA1eMxhXW0Z%@e!N$GLSr8EjEj_RUs&TF4&zq?RK?6G~KWM-kGP2D;Xk&SL&
zVmvY1XSCM;6jTVPCNZ|_)(l0Tt~`OTp^D?5yILj+7pd`+AL3YMG{LkvXc6}!r>JSI
z2YQi&lTM@|E<b$LYcFKr$HKQ9d$8AB0KT`*8&d~wack1vb!KvZT!>5fT9WGtTn0tB
z{5^ID6%Ac;pM>-rqyF}+#XtaN;sbz*R3HPd9iD_OxxkM<_dSQCJj9n+8L}Y}BWI$L
zTF7Njq3%nYCarEU`hEJ=VqvjyJkWbwwKNp!eOb<IZC;|w<3X1omr^n5#Hx0?6&hV+
zpCeuD&;4bs_)i$^LaNE^){lL!8Em#Nbd`#4Kgj7m4{iQpv3DekZIIOQuusjfc=S|1
ze<sDr_EeYNRw)cFPT#aPoKCcKNsY@r`?yzU;o4J{#WJb@<RRz`Uz=LI=^tsv?^XxJ
zZZ^$L&)S!HKf5+!N%NKM9o0@T1{h*h4z}-~mELJZS!)8nir4@+(cbe73g*jxS;Umo
zN~c(vuNk!u0K^<h$t9jtT+@O4WN~(0_VpU0%j=$hIHiT+-DW|PNaG?WimS(=V+yqp
zb!%*$eGUd$Hg)-mJ39CKI%3MDu>f>N%3(*x1x8ab<)^?C&gPjD=Gdr_6KiapdTC&4
zO5km6kEBIUUn}^+2e6VXE+$SW5NCbxrDVk4gTK967cs-~%g-q)Tg$gx6gg!#UG+n-
zJS2_FF89V8_Mp0!qB>^;jD68>4kFC(sntMSfCc`1<X~e&4K^Vz|7=xr45o(9SA3J)
zQ*763k}M9#oWeQP9Es)wFWoRn0)F}@&HR^T$sDSdt~3?xx4&;ulicZw$yjxr{AHkR
zHU@3<bEg9lXy;Z^4x+F4#PLmeo^;P;+3m}r^Ic1Eq<&<~KEsrDieGWCE-J@dsWNK+
za{WXd#b+QXEtbcTRhgb*2wa!nuDhaYF!&)x_LAgrQRU0&<D7xs_yWdqR=}$HXZ9SO
z>+;(0?GQ>^idq=BQ7>W^%rMQ^8iq~O3>(hA^S!<~u%L{RfXv?E?~<kwkDD*;#lH8V
zPi_DNs){zJ6!7_YQ00wK6@8+f@lqP8J`}QIyDdk%K)`r=DcAvd?juc&6Y{2hc$}hG
zDx2joM}os_7Z_I<hM;1q&x9Eb(*cHHVa-B!qY=D)VW-X()Q5}JQw0J3<IPix^o7qk
zZEQ7sL~5A4V`MIa(CTuahspDrnj0_hI40jWGyj$6UI18n0)A-hCUn`$I0G6}>ATcw
zYxKA<m&-Z0T4=p8>B&|jU#F9?vN@4)FGN>6sffy#)N4s3y)~MbIIgHPC%mpH@GZPY
zI2(n$3s>Ar_vFR*P1G<}B9hN!@L@((X3b{GsZ9-(;9+f>`Iz>Dlo>~^=-By8`MLR-
zd}mGv3o?pRAr>+o<5&F&Z$LG5OyLQRd3*bLG6Ib?Gdv-QD{3ubjAys0h`N|Vk9!k*
zb}XK0KrSwndsgEQV9gLhUz|oGS!pO(x0!t2?wu$7O=euEYaM3CLPt%z5_&w$-!yeq
z8u;U0057|nZW$gIOK67XMpk6*<n5y*dwo^>0pLr7_K)4(hviDEjhVLP!5K3Tu3NXM
z_D9C0X11FXR30`}c-pzbg_R{Z56t`-UF@%dWm9rByQIT!op)~nZbk|UQ~TJC$|XM?
z_Vv}W=gGe~eU912*xOQuP6w`<(%D|Ej&v1Me3R`vK6)Y}PkpJw+Q-M{IAs4BwiFAr
zHkzXY3P37XbK0Ym9Z^>nr1xhcK9kcMgGheN^N@4hPt%JdL?7BBr;{euuw6omj+ZCn
z7=j<mssYA_NaFQ5>e~;m9pe%%d*2;xARI7PSaYK9@&Q2<G<%+|FcwXzw&(TkN^d5z
z$k6+mL2}Z;=&;;8t@O#A=xsXbZ<5XXg?>4y9=wtXYt2Mg8lP(*3wQKtJQ2ygt3%D4
z<>)!~^He%BgI4#B*9xcvQbEsDN^f87weh}LxK(mEBA3x3heKeuw=LhT7R10a2SSyt
zO;_t?m%KadR!FWfwX3;w&I>5WrgEZg8T=ggRHv*lmeS9--W{EVRR|ktzsoMq%%ofs
z`IyA|bRVFhh%lV&yQp>2uCBp#i8)?Z>iEi1XzP&%r&Z<_7}_k+LP{@vRn$2EuqpL1
z{qQ%T42K6&W4;vsxKs=5Tk8X2DXyxkw_)}5Xz0;8VhJBV?>xJ;QbQ+qki+8hKCgCB
zSFE045CYGv6%C{Cs?s=B$~|d>gwOr?N2539Q94K7j^EEm71GRlhgoU^x<H2&{ipAU
zmd}JPdRdQz_qMkOB&BtE7ak3cYfeaz{XDUb3jNsduoRfhgj>>&a7RYs>h?qzAyp(-
z(zK8y>UAly#CfP%15T+6k4lxeP~>^NkSlFDE`YCi1C6x%e7S^1$y7$MFDa+8k>0}u
zPCtP81eS=vj;I1(WP@;GDzE>3T0o>|9X&<j{oG!$iq*)1pxI#raCU!qg^zEBBAIjk
z?45ED{2DgM`NeZ^P{w(BA2zv0{@@Dd#fQf!!n6cl!@Sa7Tq{MGHH3gqF+)wNrm%K?
zbtA;U#FlyJx~=v&fe?9=s1sN?U+%%8Agw;|C0Yi1NfTO3fp6{FgE?js1KexW1Sh{7
zB~(3FK}A_o42EffZhOR63@iLH)9?0xS8UQgw^@#g5J)63NS|qyTrjc$SEXI!ZIkQS
zrGa#A2*1JJgWL}GmBtquF}?CpO#g?hq-FUMo8~Z&PzuriWd~0Ko}m0J7J{6NCwYgH
zI|NzGj<d@I)dZJ32dt0uD(WfkxHUn_`Ub#^_6lFuLxfwW-<p7#%sbQ9<?8zb$vA=n
zFW%-k^kD?txxHy;(!eOz4z6*zNo){~+2_#rkPK3<_^RH+FC7Jdd3f`0EllV5D#r_Q
zYz=h~%Bs9?l3GRuAEX6&)uF7g850NIAf<OdQu%>4gQQB9G(vp?F!gh-%L+tK(e3|h
z=lq|NKH~sxTidNx-dW4bZ@9~{?aGYsTYlqqE7KHRxib+?ml)(Jx*|vf@vhxcOW~4K
zRFoB^HNPtgLfAP5<{`RdK?q2xpn{s1q6pYNyX{|Kcf0fX{du1E^Ljte-TVE#zg$6I
zQ>RouB-R9KE%uB6H)YvOpEVFXeJ~Uffz+W>;n!Z(d!?w~$jG>G85(6Q9IdM0OQ5Vl
z$P2R<5P=m*YxW9N<^)QeD6*$D%+3VDmWzj=Xt{4rkHSHVPG6|@m|G`y{H-@9j)1Hu
ze(6CCs6X~bj3Qv8K25MmiBLTmc;qxS`rb5guys}h8eue<*#?^@3UkR_Ro<iv*|X8L
z6e8DhH5dCk5kO}Ppr?}U$js`c7rB1)x9j$sA6zu*E8;lX!RL8ALzK|GTb30DRI%%L
zlh9&F8y7*oISjQnbOBR?;tP8)1p-67y**q&`{2^S8>DBfi7^X32n&kFpBxu<)v<ai
z3rSiKcM(&=r|i1%tny1I@&K0J0s95WL<4K8{K3hQF+E%^o~?|Vzgj@@#2_6YCL*(w
ze8QUq8%PYHw}sjJ#CQDhj6wP)55E}z_AF!tD@L&0gse8Uq-VeH8KVX*jyw?kjz;WW
zuAr_5p-Pvnh%)QOswJBUhi63&#SZHoYsD*Q-RcO!4yq>*=WW%5l%?`MN4vBLUq;##
z{)$WNf`0sTitgNFyX?FrIe#n4<dca?8;d{J{ms+sUo?g?Rfb*xfdr^VzqB^*7Rsva
zmO<v^M+v9b2a-;(e6)OQ13b6LKl7!zxGpMr*KT1++VvVvL7t_TGq#1E&_2(LXbG;;
zT!ffw%}E)xcUD<V9Z7qD><{Wx6UIjvF85V=MmaK$zu(AO-r!H}I_cz7esovT`I+*`
z$*muzmaj+bQRnK+z+e9<wFS>$!u`|<_x9;6oDr$=ZtnN#K#fMU+!eW5G?k;`0dH17
zC7mJ-d}Tvk7_TRm+M0;-D-cUs@ydH8km%7IQ`<VK@V^GbNP^2YIr$>5o0(xSN@BIy
zidW9{K3FsoQMEN<z#Ki}Tyqov7<(Le)-#W>`w=m{ob0QX^YD8uirNsQ0o%q#dTsQP
zLmUmG2TNrc4rE$-6mFjtVZy6jwS*Dru>(vV<Z_vVj8oe$n9t39?m>xwj+72J1ExCI
z{@tqL*?OsW%ITq8-t3S!thjO9vPSNby}kb^0(7j?i47F~xfRKUCYOrBpWMc<D@Dq8
zsX1B}7F^wBVir**Oc{@d7tIE8a|zc~`y)G><sK{U7lpr(9T=u!B-wdgt33UUl%(=T
zDY<|7(Zur@;mb|Ls|rED!XX`b^32BB*;Of9@h%-HWcyu0i3v`=hAu9jwBFxI8b6vg
z_A~!HoDr;TSNo6Q`ln~Nya`No&N&!Z-+)cR=Ud|Si_Ma^>ULEvnm~lMxGyh_7u5~L
zrOMJL<lLeG+C(oFYAn04sWnOIoP?IPseX{tW#0jQa(rgU_$h?`8a+n#u)I&zT;>2C
zO=^1rp&|gzFu79ld~4v^`JrKI`H4Kr>rkM)=xcRls2f+K3qZe&W!dl@h(vxiWX@={
zE#i4ACM6t=@b$`-mmHpLTpW`LaT8IHI3OnYdvr;g4W}QL>YB5Rq6Y?NW>5Xgjq#^@
z2lcQgjZsjC(of@q6!kA!#cOq9T;_5G%JMKgIzu3$Bwt-vvxZ;h<of5|&d*o&3fe%b
z(pPFze2{TgKO}vK{8nplx*h<3V01RS1b2G_rwF8Ofx)2Yvi09m&kjIP5k3te7R?oH
z8ehisFdRM7B!?*bj-@xcxq)^v5ErZd1KGB>*e0+|V4J`;fo%fY1pa3Pc6?C%1r>*6
A=>Px#

literal 0
HcmV?d00001


From 391c12fb0ac733c2b305597aa726461e389b0a94 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 22:39:40 +0100
Subject: [PATCH 07/33] top menu dropdowns

---
 pages/_includes/layout/layouts-list.html |  2 +-
 pages/_includes/layout/menu.html         | 22 ++++----
 pages/_includes/layout/topmenu.html      |  2 +-
 pages/_includes/layout/topnav.html       |  2 +-
 scss/_variables.scss                     |  5 ++
 scss/layout/_layout.scss                 | 65 ++++++++++++++----------
 scss/layout/_navbar.scss                 | 17 +++++--
 scss/ui/_cards.scss                      |  2 +-
 scss/ui/_dropdowns.scss                  |  8 ++-
 scss/ui/_lists.scss                      |  2 +-
 10 files changed, 81 insertions(+), 46 deletions(-)

diff --git a/pages/_includes/layout/layouts-list.html b/pages/_includes/layout/layouts-list.html
index 2e91fa010..1c0ec0878 100644
--- a/pages/_includes/layout/layouts-list.html
+++ b/pages/_includes/layout/layouts-list.html
@@ -3,7 +3,7 @@
 	<div class="col-{% if include.wide %}12{% else %}6{% endif %} mb-{% if include.wide %}5{% else %}6{% endif %}{% if layout.soon %} opacity-25{% endif %}">
 		<div class="row">
 			<div class="col-auto">
-				<a href="{{ site.base }}/{{ layout.page }}">
+				<a href="{{ site.base }}/{{ layout.page }}" class="position-relative">
 					{% include parts/demo-layout.html topmenu=layout.config.topmenu topmenu-dark=layout.config.topmenu-dark sidebar=layout.config.sidebar sidebar-narrow=layout.config.sidebar-narrow sidebar-right=layout.config.sidebar-right sidebar-dark=layout.config.sidebar-dark hide-topnav=layout.config.hide-topnav %}
 				</a>
 			</div>
diff --git a/pages/_includes/layout/menu.html b/pages/_includes/layout/menu.html
index 452280bcb..8ff193384 100644
--- a/pages/_includes/layout/menu.html
+++ b/pages/_includes/layout/menu.html
@@ -23,10 +23,10 @@
 		</a>
 
 		{% if level-1[1].children %}
-		<div class="dropdown-menu">
+		<ul class="dropdown-menu">
 			{% for level-2 in level-1[1].children %}
-			<div class="dropright">
-				<a class="dropdown-item" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
+			<li {% if level-2[1].children %}class="dropright"{% endif %}>
+				<a class="dropdown-item{% if level-2[1].children %} dropdown-toggle{% endif %}{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
 					<span class="nav-text">
 						{{ level-2[1].title }}
 						{% if level-2[1].label %}
@@ -34,15 +34,17 @@
 						{% endif %}
 					</span>
 				</a>
-			</div>
 
-			<ul class="dropdown-menu">
-				<li><a href="">AA</a></li>
-				<li><a href="">BB</a></li>
-				<li><a href="">CC</a></li>
-			</ul>
+				{% if level-2[1].children %}
+				<div class="dropdown-menu">
+					{% for level-3 in level-2[1].children %}
+					<a href="{{ site.base }}/{{ level-3[1].url }}" class="dropdown-item">{{ level-3[1].title }}</a>
+					{% endfor %}
+				</div>
+				{% endif %}
+			</li>
 			{% endfor %}
-		</div>
+		</ul>
 		{% endif %}
 	</li>
 	{% endfor %}
diff --git a/pages/_includes/layout/topmenu.html b/pages/_includes/layout/topmenu.html
index ad2b736f0..089d76fab 100644
--- a/pages/_includes/layout/topmenu.html
+++ b/pages/_includes/layout/topmenu.html
@@ -1,4 +1,4 @@
-<header class="topnav topbar">
+<header class="topnav">
 	<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark{% else %}navbar-light{% endif %}">
 		<div class="container{% if include.fluid %}-fluid{% endif %}">
 			{% include layout/menu.html top=true %}
diff --git a/pages/_includes/layout/topnav.html b/pages/_includes/layout/topnav.html
index 429d90ac1..fc369e88b 100644
--- a/pages/_includes/layout/topnav.html
+++ b/pages/_includes/layout/topnav.html
@@ -1,4 +1,4 @@
-<header class="topnav topbar">
+<header class="topnav">
 	<div class="container{% if include.fluid %}-fluid{% endif %}">
 		<div class="navbar navbar-expand-lg {% if include.dark %}navbar-dark bg-dark text-white{% else %}navbar-light{% endif %}{% if include.sticky %} navbar-sticky{% endif %}">
 			{% include layout/navbar.html search=true menu-layout=page.menu-layout %}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 644e8276e..517932a9b 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -49,6 +49,7 @@ $white: #ffffff !default;
 $text-muted: $gray-700 !default;
 $border-color: $gray-400 !default;
 $hover-bg: $gray-200 !default;
+$active-bg: rgba($blue, .06) !default;
 
 $primary: $blue !default;
 $secondary: $text-muted !default;
@@ -231,6 +232,7 @@ $card-group-margin: 1.5rem !default;
 $card-shadow: rgba($dark, .04) 0 2px 4px 0 !default;
 $card-shadow-hover: rgba($dark, .16) 0 2px 16px 0 !default;
 
+
 //close
 $close-font-weight: 400 !default;
 $close-font-size: 1.5rem !default;
@@ -244,6 +246,9 @@ $dropdown-link-hover-bg: $hover-bg !default;
 $dropdown-link-hover-color: inherit !default;
 $dropdown-spacer: 1px !default;
 
+$dropdown-link-active-color: $primary !default;
+$dropdown-link-active-bg: $active-bg !default;
+
 //grid
 $grid-gutter-width: 1.5rem !default;
 
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index ee940809b..9a3103be7 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -116,12 +116,27 @@ $sidenav-folded-item-height: 3.5rem;
 
 
 /**
-Topnav
+Top nav
  */
 .topnav {
   border-bottom: 1px solid;
   background-color: $navbar-bg;
   border-color: $navbar-border-color;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  padding: 0 .5rem;
+  z-index: $zindex-sticky;
+  min-height: $navbar-height;
+
+  & + & {
+    top: add($navbar-height, 1px);
+  }
+
+  & + & + & {
+    top: add($navbar-height * 2, 2px);
+  }
 
   @media print {
     display: none;
@@ -133,6 +148,25 @@ Topnav
     min-height: $navbar-height;
   }
 
+  .nav-link {
+    height: $navbar-height;
+  }
+
+  .nav-item {
+    &.active {
+      position: relative;
+
+      &:after {
+        content: '';
+        position: absolute;
+        bottom: -1px;
+        left: 2px;
+        right: 2px;
+        border-bottom: 1px solid $primary;
+      }
+    }
+  }
+
   .navbar-brand-logo {
     &-sm {
       display: none;
@@ -148,27 +182,6 @@ Topnav
       }
     }
   }
-}
-
-/**
-Topbar
- */
-.topbar {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  padding: 0 .5rem;
-  z-index: $zindex-sticky;
-  min-height: $navbar-height;
-
-  & + & {
-    top: add($navbar-height, 1px);
-  }
-
-  & + & + & {
-    top: add($navbar-height * 2, 2px);
-  }
 
   .sidebar + .content & {
     left: $sidenav-width;
@@ -186,7 +199,7 @@ Topbar
   }
 }
 
-.topbar-fixed {
+.topnav-fixed {
   position: fixed;
   z-index: $zindex-fixed;
 }
@@ -235,15 +248,15 @@ Content
     padding-top: 0 !important;
   }
 
-  .topbar + & {
+  .topnav + & {
     padding-top: add($navbar-height, 1px);
   }
 
-  .topbar + .topbar + & {
+  .topnav + .topnav + & {
     padding-top: add($navbar-height * 2, 2px);
   }
 
-  .topbar + .topbar + .topbar + & {
+  .topnav + .topnav + .topnav + & {
     padding-top: add($navbar-height * 3, 3px);
   }
 }
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index cfc959639..abf698b94 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -20,11 +20,20 @@ Navbar logo
     padding-right: $navbar-nav-link-padding-x;
   }
 
-  .nav-item {
+  .nav-item:hover,
+  .dropright:hover {
+    > .dropdown-menu {
+      display: block;
+    }
+  }
 
-    &:hover {
-      .dropdown-menu {
-        display: block;
+  .dropdown-menu {
+    margin-top: 0;
+
+    .dropdown,
+    .dropright {
+      .dropdown-toggle:after {
+        margin-left: auto;
       }
     }
   }
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index e553a43f1..b18f9f926 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -77,7 +77,7 @@
 
   &:hover {
     text-decoration: none;
-    background: rgba($primary, .06);
+    background: $active-bg;
   }
 }
 
diff --git a/scss/ui/_dropdowns.scss b/scss/ui/_dropdowns.scss
index 55362ae9f..38f6e504a 100644
--- a/scss/ui/_dropdowns.scss
+++ b/scss/ui/_dropdowns.scss
@@ -25,7 +25,6 @@
   overflow-x: hidden;
 }
 
-
 .dropdown-item {
   color: inherit;
   display: flex;
@@ -60,3 +59,10 @@
     }
   }
 }
+
+.dropright {
+  >.dropdown-menu {
+    margin-top: subtract(-$dropdown-padding-y, 1px);
+    margin-left: 0;
+  }
+}
diff --git a/scss/ui/_lists.scss b/scss/ui/_lists.scss
index a041333b2..f0121623d 100644
--- a/scss/ui/_lists.scss
+++ b/scss/ui/_lists.scss
@@ -157,7 +157,7 @@
     &.active {
       font-weight: $font-weight-bold;
       color: inherit;
-      background: rgba($primary, .06);
+      background: $active-bg;
 
       .icon {
         color: inherit;

From 324e2505c4082450f6f4185c9c9313d9730ec489 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 22:47:56 +0100
Subject: [PATCH 08/33] top menu badges

---
 pages/_includes/layout/menu.html | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/pages/_includes/layout/menu.html b/pages/_includes/layout/menu.html
index 8ff193384..64803dce8 100644
--- a/pages/_includes/layout/menu.html
+++ b/pages/_includes/layout/menu.html
@@ -11,15 +11,8 @@
 			<span class="nav-icon">
 				{% include ui/icon.html icon=icon  %}
 			</span>
-			<span class="nav-text">
-				{{ level-1[1].title }}
 
-				{% unless include.top %}
-				{% if level-1[1].label %}
-				<span class="badge bg-{{ level-1[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-1[1].label }}</span>
-				{% endif %}
-				{% endunless %}
-			</span>
+			{{ level-1[1].title }}
 		</a>
 
 		{% if level-1[1].children %}
@@ -27,12 +20,13 @@
 			{% for level-2 in level-1[1].children %}
 			<li {% if level-2[1].children %}class="dropright"{% endif %}>
 				<a class="dropdown-item{% if level-2[1].children %} dropdown-toggle{% endif %}{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
-					<span class="nav-text">
-						{{ level-2[1].title }}
-						{% if level-2[1].label %}
-							<span class="badge bg-{{ level-2[1].label-color | default: 'primary' }} text-white ml-auto">{{ level-2[1].label }}</span>
-						{% endif %}
-					</span>
+					{{ level-2[1].title }}
+
+					{% if level-2[1].badge %}
+					{% assign badge = level-2[1].badge %}
+					{% assign badge-color = level-2[1].badge-color | default: 'green' %}
+					{% include ui/badge.html text=badge color=badge-color class="ml-auto" %}
+					{% endif %}
 				</a>
 
 				{% if level-2[1].children %}

From 6d776db264539c53f19e44e06d3180223f09396f Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 22:52:21 +0100
Subject: [PATCH 09/33] top menu dropdown fixes

---
 scss/layout/_layout.scss | 2 ++
 scss/layout/_navbar.scss | 2 --
 scss/ui/_dropdowns.scss  | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index 9a3103be7..2a0ed87e0 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -132,10 +132,12 @@ Top nav
 
   & + & {
     top: add($navbar-height, 1px);
+    z-index: $zindex-sticky - 1;
   }
 
   & + & + & {
     top: add($navbar-height * 2, 2px);
+    z-index: $zindex-sticky - 2;
   }
 
   @media print {
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index abf698b94..ce698405a 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -28,8 +28,6 @@ Navbar logo
   }
 
   .dropdown-menu {
-    margin-top: 0;
-
     .dropdown,
     .dropright {
       .dropdown-toggle:after {
diff --git a/scss/ui/_dropdowns.scss b/scss/ui/_dropdowns.scss
index 38f6e504a..80ec7098b 100644
--- a/scss/ui/_dropdowns.scss
+++ b/scss/ui/_dropdowns.scss
@@ -2,6 +2,7 @@
   min-width: 12rem;
   box-shadow: $box-shadow;
   user-select: none;
+  margin: 0;
 
   .icon {
     width: 1em;

From 2f09751eb159a8637d0463ba239d2131d2d34084 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 22:56:50 +0100
Subject: [PATCH 10/33] new layouts

---
 _config.yml                            | 8 ++++----
 pages/_data/menu.yml                   | 6 ++----
 pages/_includes/layout/menu-aside.html | 2 +-
 pages/_includes/layout/menu.html       | 8 +++++++-
 pages/index.html                       | 2 --
 pages/layout-test.html                 | 1 -
 6 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/_config.yml b/_config.yml
index a591934ea..11b4a1bb1 100644
--- a/_config.yml
+++ b/_config.yml
@@ -55,25 +55,25 @@ defaults:
       path: "*.md"
     values:
       layout: markdown
-      menu-layout: vertical
+      menu-layout: horizontal
 
   - scope:
       type: "pages"
     values:
       layout: default
-      menu-layout: vertical
+      menu-layout: horizontal
   -
     scope:
       type: "docs"
     values:
       layout: docs
-      menu-layout: vertical
+      menu-layout: horizontal
   -
     scope:
       type: "components"
     values:
       layout: component
-      menu-layout: vertical
+      menu-layout: horizontal
 
 
 colors:
diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 4c4dca6f8..8366097d4 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -2,15 +2,11 @@ home:
   url: index.html
   title: Dashboard
   icon: home
-  badge: ''
-  badge-color: blue
 
 forms:
   url: form-elements.html
   title: Form elements
   icon: check-square
-  badge: New
-  badge-color: red
 
 base:
   title: Base
@@ -94,6 +90,8 @@ layouts:
   title: Layouts
   icon: layout
   url: layouts.html
+  badge: New
+  badge-color: green
 
 extra:
   title: Extra
diff --git a/pages/_includes/layout/menu-aside.html b/pages/_includes/layout/menu-aside.html
index 1af54818e..44a0bafdb 100644
--- a/pages/_includes/layout/menu-aside.html
+++ b/pages/_includes/layout/menu-aside.html
@@ -15,7 +15,7 @@
 
 			{% if level-1[1].badge %}
 			{% assign badge = level-1[1].badge %}
-			{% assign badge-color = level-1[1].badge-color | default: 'green' %}
+			{% assign badge-color = level-1[1].badge-color | default: "green" %}
 			{% include ui/badge.html text=badge color=badge-color %}
 			{% endif %}
 
diff --git a/pages/_includes/layout/menu.html b/pages/_includes/layout/menu.html
index 64803dce8..b66287b47 100644
--- a/pages/_includes/layout/menu.html
+++ b/pages/_includes/layout/menu.html
@@ -13,6 +13,12 @@
 			</span>
 
 			{{ level-1[1].title }}
+
+			{% if level-1[1].badge %}
+			{% assign badge = level-1[1].badge %}
+			{% assign badge-color = level-1[1].badge-color | default: "green" %}
+			{% include ui/badge.html text=badge color=badge-color class="ml-2" %}
+			{% endif %}
 		</a>
 
 		{% if level-1[1].children %}
@@ -24,7 +30,7 @@
 
 					{% if level-2[1].badge %}
 					{% assign badge = level-2[1].badge %}
-					{% assign badge-color = level-2[1].badge-color | default: 'green' %}
+					{% assign badge-color = level-2[1].badge-color | default: "green" %}
 					{% include ui/badge.html text=badge color=badge-color class="ml-auto" %}
 					{% endif %}
 				</a>
diff --git a/pages/index.html b/pages/index.html
index ad2cc82de..401f49f16 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -3,8 +3,6 @@ title: Dashboard
 page-title: Dashboard
 page-pretitle: Overview
 page-title-actions: buttons
-site-layout: layout-collapsed-md
-menu-layout: vertical
 menu: home
 ---
 
diff --git a/pages/layout-test.html b/pages/layout-test.html
index d299777a6..697015e6a 100644
--- a/pages/layout-test.html
+++ b/pages/layout-test.html
@@ -4,7 +4,6 @@ sidenav: true
 sidenav-dark: true
 page-title: Layout test
 page-title-actions: breadcrumb
-menu-layout: vertical
 menu: base.buttons
 ---
 

From fa362f01bf03830ee0d99b808e1dc927175ba286 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 23:24:15 +0100
Subject: [PATCH 11/33] buttons plugin, extra colors

---
 _config.yml                     | 30 +++++++++++++-------------
 pages/_includes/layout/css.html |  5 +++--
 scss/_config.scss               |  3 +++
 scss/_variables.scss            |  1 -
 scss/tabler-buttons.scss        |  3 +++
 scss/tabler.scss                |  3 ---
 scss/ui/_buttons-extra.scss     | 31 +++++++++++++++++++++++++++
 scss/ui/_buttons.scss           | 37 +--------------------------------
 scss/utils/_colors.scss         | 28 +++++++------------------
 9 files changed, 64 insertions(+), 77 deletions(-)
 create mode 100644 scss/tabler-buttons.scss
 create mode 100644 scss/ui/_buttons-extra.scss

diff --git a/_config.yml b/_config.yml
index 11b4a1bb1..841605b61 100644
--- a/_config.yml
+++ b/_config.yml
@@ -11,18 +11,23 @@ debug: false
 dark-theme: false
 
 plugins:
-- jekyll-random
-- jekyll-tidy
-- jekyll-timeago
-- jekyll-redirect-from
+  - jekyll-random
+  - jekyll-tidy
+  - jekyll-timeago
+  - jekyll-redirect-from
+
+tabler-plugins:
+  - tabler-flags
+  - tabler-payments
+  - tabler-buttons
 
 exclude:
-- .jekyll-cache
+  - .jekyll-cache
 
 keep_files:
-- css/ui-kit.css
-- css/dark.css
-- css/rtl.css
+  - css/ui-kit.css
+  - css/dark.css
+  - css/rtl.css
 #- js/ui-kit.js
 
 markdown: kramdown
@@ -49,8 +54,7 @@ collections:
     output: true
 
 defaults:
-  -
-    scope:
+  - scope:
       type: "pages"
       path: "*.md"
     values:
@@ -62,14 +66,12 @@ defaults:
     values:
       layout: default
       menu-layout: horizontal
-  -
-    scope:
+  - scope:
       type: "docs"
     values:
       layout: docs
       menu-layout: horizontal
-  -
-    scope:
+  - scope:
       type: "components"
     values:
       layout: component
diff --git a/pages/_includes/layout/css.html b/pages/_includes/layout/css.html
index 6e0e53606..737e78846 100644
--- a/pages/_includes/layout/css.html
+++ b/pages/_includes/layout/css.html
@@ -11,5 +11,6 @@
 <link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
 
 <!-- Tabler Plugins -->
-<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler-flags{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
-<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/tabler-payments{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet" />
+{% for plugin in site.tabler-plugins %}
+<link href="{{ site.base }}/{% if jekyll.environment == 'development' %}tmp-{% endif %}dist/css/{{ plugin }}{% if jekyll.environment == 'production' %}.min{% endif %}.css?{{ site.time | date: '%s' }}" rel="stylesheet"/>
+{% endfor %}
diff --git a/scss/_config.scss b/scss/_config.scss
index e4d399fb5..a483e2030 100644
--- a/scss/_config.scss
+++ b/scss/_config.scss
@@ -3,3 +3,6 @@
 @import "variables";
 @import "utilities";
 @import "mixins";
+
+@import "bootstrap-config";
+@import "mixins-override";
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 517932a9b..b04c90a0c 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -364,6 +364,5 @@ $payment-sizes: (
 
 $enable-social-colors: true !default;
 $enable-ghost-buttons: true !default;
-$enable-color-hues: true !default;
 $enable-extra-colors: true !default;
 $enable-gradients: false !default;
diff --git a/scss/tabler-buttons.scss b/scss/tabler-buttons.scss
new file mode 100644
index 000000000..c48057b0b
--- /dev/null
+++ b/scss/tabler-buttons.scss
@@ -0,0 +1,3 @@
+@import "config";
+@import "ui/buttons-extra";
+
diff --git a/scss/tabler.scss b/scss/tabler.scss
index a4687d984..a995438c6 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -6,11 +6,8 @@
  */
 
 @import "config";
-@import "bootstrap-config";
-@import "mixins-override";
 @import "bootstrap-components";
 
-
 @import "fonts/webfonts";
 
 @import "layout/core";
diff --git a/scss/ui/_buttons-extra.scss b/scss/ui/_buttons-extra.scss
new file mode 100644
index 000000000..d2fa6abc5
--- /dev/null
+++ b/scss/ui/_buttons-extra.scss
@@ -0,0 +1,31 @@
+@if $enable-ghost-buttons {
+  @each $vendor, $color in $theme-colors {
+    .btn-ghost-#{$vendor} {
+      @include button-variant(transparent, transparent, $color, $color, $color, #fff, $color, $color);
+    }
+  }
+}
+
+@if $enable-social-colors {
+  @each $vendor, $color in $social-colors {
+    .btn-#{$vendor} {
+      @include button-variant($color, $color);
+    }
+
+    .btn-outline-#{$vendor} {
+      @include button-outline-variant($color, $color);
+    }
+  }
+}
+
+@if $enable-extra-colors {
+  @each $name, $color in $colors {
+    .btn-#{$name} {
+      @include button-variant($color, $color);
+    }
+
+    .btn-outline-#{$name} {
+      @include button-outline-variant($color, $color);
+    }
+  }
+}
diff --git a/scss/ui/_buttons.scss b/scss/ui/_buttons.scss
index 9eb21dd71..9c23cfbdf 100644
--- a/scss/ui/_buttons.scss
+++ b/scss/ui/_buttons.scss
@@ -1,5 +1,6 @@
 .btn-secondary {
   @include button-variant($white, $border-color, $dark);
+  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba($dark, .04) 100%);
 }
 
 .btn-outlined-secondary {
@@ -14,10 +15,6 @@
       text-shadow: 1px 1px 0 rgba(0, 0, 0, .02);
     }
 
-    &:not(.btn-light):not(.btn-link) {
-      background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba($dark, .04) 90%);
-    }
-
     &: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);
     }
@@ -101,38 +98,6 @@
   }
 }
 
-@if $enable-ghost-buttons {
-  @each $vendor, $color in $theme-colors {
-    .btn-ghost-#{$vendor} {
-      @include button-variant(transparent, transparent, $color, $color, $color, #fff, $color, $color);
-    }
-  }
-}
-
-@if $enable-social-colors {
-  @each $vendor, $color in $social-colors {
-    .btn-#{$vendor} {
-      @include button-variant($color, $color);
-    }
-
-    .btn-outline-#{$vendor} {
-      @include button-outline-variant($color, $color);
-    }
-  }
-}
-
-@if $enable-extra-colors {
-  @each $name, $color in $colors {
-    .btn-#{$name} {
-      @include button-variant($color, $color);
-    }
-
-    .btn-outline-#{$name} {
-      @include button-outline-variant($color, $color);
-    }
-  }
-}
-
 .btn-options {
   display: flex;
   align-items: center;
diff --git a/scss/utils/_colors.scss b/scss/utils/_colors.scss
index 3c9c041df..8b7fc1e47 100644
--- a/scss/utils/_colors.scss
+++ b/scss/utils/_colors.scss
@@ -1,30 +1,16 @@
 // stylelint-disable declaration-no-important
 
-/**
-COLORS VARIATIONS
- */
-@if $enable-color-hues {
-  @each $color, $value in $colors {
-    .bg-#{$color}-lighter { background: mix($value, #fff, 30%); }
-    .bg-#{$color}-light { background: mix($value, #fff, 70%); }
-    .bg-#{$color}-dark { background: mix($value, #000, 80%); }
-    .bg-#{$color}-darker { background: mix($value, #000, 40%); }
-  }
-}
-
 /**
 SOCIAL COLORS
  */
-@if $enable-social-colors {
-  @each $color, $value in $social-colors {
-    .bg-#{$color} {
-      color: #fff !important;
-      background: $value !important;
-    }
+@each $color, $value in $social-colors {
+  .bg-#{$color} {
+    color: #fff !important;
+    background: $value !important;
+  }
 
-    .text-#{$color} {
-      color: $value !important;
-    }
+  .text-#{$color} {
+    color: $value !important;
   }
 }
 

From 7c56800aad5f75ac75c780469eb487e1a632d6e4 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 23:27:47 +0100
Subject: [PATCH 12/33] new package version

---
 demo/400.html                            |   31 +-
 demo/401.html                            |   25 +-
 demo/403.html                            |   25 +-
 demo/404.html                            |   25 +-
 demo/500.html                            |   25 +-
 demo/503.html                            |   25 +-
 demo/all.html                            |  783 ++++----
 demo/blank.html                          |  763 ++++----
 demo/blog.html                           |  763 ++++----
 demo/buttons.html                        |  763 ++++----
 demo/calendar.html                       |  773 ++++----
 demo/cards.html                          |  763 ++++----
 demo/carousel.html                       |  763 ++++----
 demo/changelog.html                      |  765 ++++----
 demo/charts-heatmap.html                 |  763 ++++----
 demo/charts.html                         |  765 ++++----
 demo/components/card-buttons.html        |  763 ++++----
 demo/components/card-comments.html       |  763 ++++----
 demo/components/card-ribbon.html         |  763 ++++----
 demo/components/card-tabs-bottom.html    |  763 ++++----
 demo/components/card-with-image.html     |  763 ++++----
 demo/components/empty.html               |  763 ++++----
 demo/components/input-colors.html        |  763 ++++----
 demo/components/input-image.html         |  763 ++++----
 demo/components/progress.html            |  763 ++++----
 demo/components/simple-avatar.html       |  763 ++++----
 demo/components/simple-card.html         |  763 ++++----
 demo/components/widget-revenue.html      |  763 ++++----
 demo/components/widget-sales.html        |  763 ++++----
 demo/crypto-currencies.html              |  763 ++++----
 demo/datatables.html                     |  763 ++++----
 demo/dist/css/tabler-buttons.css         | 1618 ++++++++++++++++
 demo/dist/css/tabler-buttons.css.map     |  Bin 0 -> 33834 bytes
 demo/dist/css/tabler-buttons.min.css     |    2 +
 demo/dist/css/tabler-buttons.min.css.map |  Bin 0 -> 82018 bytes
 demo/dist/css/tabler-flags.css.map       |  Bin 36847 -> 37157 bytes
 demo/dist/css/tabler-payments.css.map    |  Bin 24841 -> 25151 bytes
 demo/dist/css/tabler.css                 | 2247 +++-------------------
 demo/dist/css/tabler.css.map             |  Bin 781711 -> 704126 bytes
 demo/dist/css/tabler.min.css             |    2 +-
 demo/dist/css/tabler.min.css.map         |  Bin 1050832 -> 915397 bytes
 demo/docs/alerts.html                    |  808 ++++----
 demo/docs/autosize.html                  |  772 ++++----
 demo/docs/avatars.html                   |  772 ++++----
 demo/docs/badges.html                    |  772 ++++----
 demo/docs/breadcrumb.html                |  772 ++++----
 demo/docs/buttons.html                   |  772 ++++----
 demo/docs/cards.html                     |  772 ++++----
 demo/docs/carousel.html                  |  772 ++++----
 demo/docs/charts.html                    |  772 ++++----
 demo/docs/colors.html                    |  772 ++++----
 demo/docs/countup.html                   |  772 ++++----
 demo/docs/cursors.html                   |  772 ++++----
 demo/docs/divider.html                   |  772 ++++----
 demo/docs/empty.html                     |  772 ++++----
 demo/docs/flags.html                     |  772 ++++----
 demo/docs/form-elements.html             |  772 ++++----
 demo/docs/form-helpers.html              |  772 ++++----
 demo/docs/index.html                     |  772 ++++----
 demo/docs/input-mask.html                |  772 ++++----
 demo/docs/layout.html                    |  788 ++++++++
 demo/docs/payments.html                  |  772 ++++----
 demo/docs/progress.html                  |  772 ++++----
 demo/docs/ribbons.html                   |  772 ++++----
 demo/docs/spinners.html                  |  772 ++++----
 demo/docs/steps.html                     |  772 ++++----
 demo/docs/tables.html                    |  772 ++++----
 demo/docs/tabs.html                      |  772 ++++----
 demo/docs/timelines.html                 |  772 ++++----
 demo/docs/toasts.html                    |  772 ++++----
 demo/docs/tooltips.html                  |  772 ++++----
 demo/docs/typography.html                |  772 ++++----
 demo/dropdowns.html                      |  763 ++++----
 demo/email.html                          |  763 ++++----
 demo/empty.html                          |  763 ++++----
 demo/flags.html                          |  763 ++++----
 demo/forgot-password.html                |   25 +-
 demo/form-elements.html                  |  769 ++++----
 demo/gallery.html                        |  787 ++++----
 demo/homepage.html                       |  765 ++++----
 demo/icons.html                          |  763 ++++----
 demo/index.html                          |  813 ++++----
 demo/invoice.html                        |  763 ++++----
 demo/layout-test.html                    |  763 ++++----
 demo/layouts.html                        |  951 +++++----
 demo/login.html                          |   25 +-
 demo/lookup.html                         |  763 ++++----
 demo/maintenance.html                    |   25 +-
 demo/maps.html                           |  771 ++++----
 demo/markdown.html                       |  763 ++++----
 demo/music.html                          |  763 ++++----
 demo/pagination.html                     |  763 ++++----
 demo/pricing.html                        |  763 ++++----
 demo/profile.html                        |  763 ++++----
 demo/register.html                       |   25 +-
 demo/ribbons.html                        |  763 ++++----
 demo/rtl.html                            |  771 ++++----
 demo/search-results.html                 |  766 ++++++++
 demo/sitemap.xml                         |   96 +-
 demo/snippets.html                       |  779 ++++----
 demo/social.html                         |  763 ++++----
 demo/static/products/product-3.jpg       |  Bin 0 -> 31246 bytes
 demo/store.html                          |  881 +++++----
 demo/tabs.html                           |  763 ++++----
 demo/tmp2.html                           |  523 +++++
 demo/typography.html                     |  763 ++++----
 demo/users.html                          |  763 ++++----
 dist/css/tabler-buttons.css              | 1618 ++++++++++++++++
 dist/css/tabler-buttons.css.map          |  Bin 0 -> 33834 bytes
 dist/css/tabler-buttons.min.css          |    2 +
 dist/css/tabler-buttons.min.css.map      |  Bin 0 -> 82018 bytes
 dist/css/tabler-flags.css.map            |  Bin 36847 -> 37157 bytes
 dist/css/tabler-payments.css.map         |  Bin 24841 -> 25151 bytes
 dist/css/tabler.css                      | 2247 +++-------------------
 dist/css/tabler.css.map                  |  Bin 781711 -> 704126 bytes
 dist/css/tabler.min.css                  |    2 +-
 dist/css/tabler.min.css.map              |  Bin 1050832 -> 915397 bytes
 package.json                             |    2 +-
 118 files changed, 38618 insertions(+), 34877 deletions(-)
 create mode 100644 demo/dist/css/tabler-buttons.css
 create mode 100644 demo/dist/css/tabler-buttons.css.map
 create mode 100644 demo/dist/css/tabler-buttons.min.css
 create mode 100644 demo/dist/css/tabler-buttons.min.css.map
 create mode 100644 demo/docs/layout.html
 create mode 100644 demo/search-results.html
 create mode 100644 demo/static/products/product-3.jpg
 create mode 100644 dist/css/tabler-buttons.css
 create mode 100644 dist/css/tabler-buttons.css.map
 create mode 100644 dist/css/tabler-buttons.min.css
 create mode 100644 dist/css/tabler-buttons.min.css.map

diff --git a/demo/400.html b/demo/400.html
index ae7fc3fdb..035d006f4 100644
--- a/demo/400.html
+++ b/demo/400.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 400 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,13 +57,13 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/autosize/dist/autosize.min.js?1578237242"></script>
-    <script src="./dist/libs/imask/dist/imask.min.js?1578237242"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/autosize/dist/autosize.min.js?1578435905"></script>
+    <script src="./dist/libs/imask/dist/imask.min.js?1578435905"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/401.html b/demo/401.html
index 2f74edd29..e925456df 100644
--- a/demo/401.html
+++ b/demo/401.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/403.html b/demo/403.html
index df2f5e44a..463dd62b0 100644
--- a/demo/403.html
+++ b/demo/403.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/404.html b/demo/404.html
index 285dd3c35..2e0dd52d7 100644
--- a/demo/404.html
+++ b/demo/404.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/500.html b/demo/500.html
index bdd76e120..1616f8881 100644
--- a/demo/500.html
+++ b/demo/500.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/503.html b/demo/503.html
index b4db373ee..a7de3b213 100644
--- a/demo/503.html
+++ b/demo/503.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/all.html b/demo/all.html
index b2468ca81..671d750ee 100644
--- a/demo/all.html
+++ b/demo/all.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Index - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -468,11 +487,6 @@
                   </div>
                   <div class="card-body">
                     <ul>
-                      <li>
-                        <a href="/layouts.html">
-                          layouts.html
-                        </a>
-                      </li>
                       <li>
                         <a href="/redirects.json">
                           redirects.json
@@ -483,11 +497,26 @@
                           redirect.html
                         </a>
                       </li>
+                      <li>
+                        <a href="/tmp2.html">
+                          tmp2.html
+                        </a>
+                      </li>
                       <li>
                         <a href="/sitemap.xml">
                           sitemap.xml
                         </a>
                       </li>
+                      <li>
+                        <a href="/search-results.html">
+                          search-results.html
+                        </a>
+                      </li>
+                      <li>
+                        <a href="/layouts.html">
+                          layouts.html
+                        </a>
+                      </li>
                       <li>
                         <a href="/blank.html">
                           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-success"><polyline points="20 6 9 17 4 12"></polyline></svg>
@@ -766,9 +795,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blank.html b/demo/blank.html
index f61f0a9e5..f14a744f9 100644
--- a/demo/blank.html
+++ b/demo/blank.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link active" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item active" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <div class="empty">
@@ -468,9 +487,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blog.html b/demo/blog.html
index 30982efd6..e07ed955c 100644
--- a/demo/blog.html
+++ b/demo/blog.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link active" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</span>
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./invoice.html" >
+                        Invoice
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./blog.html" >
+                        Blog cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -710,9 +729,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/buttons.html b/demo/buttons.html
index 7700c1ca9..4e66e4472 100644
--- a/demo/buttons.html
+++ b/demo/buttons.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link active" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1193,9 +1212,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/calendar.html b/demo/calendar.html
index 015517d8c..94d7ce52f 100644
--- a/demo/calendar.html
+++ b/demo/calendar.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Calendar - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link active" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./calendar.html" >
+                        Calendar
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./carousel.html" >
+                        Carousel
+                      </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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -477,15 +496,15 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/fullcalendar/core/main.min.js?1578237242"></script>
-    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578237242"></script>
-    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578237242"></script>
-    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578237242"></script>
-    <script src="./dist/libs/fullcalendar/list/main.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/fullcalendar/core/main.min.js?1578435905"></script>
+    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578435905"></script>
+    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578435905"></script>
+    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578435905"></script>
+    <script src="./dist/libs/fullcalendar/list/main.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       document.addEventListener('DOMContentLoaded', function () {
             var calendarEl = document.getElementById('calendar-main'),
diff --git a/demo/cards.html b/demo/cards.html
index d8a611ef7..bcecdde0b 100644
--- a/demo/cards.html
+++ b/demo/cards.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link active" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -873,9 +892,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/carousel.html b/demo/carousel.html
index 565e85037..3f7bd3981 100644
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link active" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data Tables
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./calendar.html" >
+                        Calendar
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./carousel.html" >
+                        Carousel
+                      </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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -625,9 +644,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/changelog.html b/demo/changelog.html
index f3beba22f..ad67158e5 100644
--- a/demo/changelog.html
+++ b/demo/changelog.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -463,7 +482,7 @@
                 <div class="mb-4">
                   <div class="mb-2">
                     <span class="badge bg-blue-lt">1.0.0</span> —
-                    <span class="text-muted">January 05, 2020</span>
+                    <span class="text-muted">January 07, 2020</span>
                   </div>
                   <div>
                     <p>Coming soon</p>
@@ -476,9 +495,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts-heatmap.html b/demo/charts-heatmap.html
index 3181165d5..5f7c17ff6 100644
--- a/demo/charts-heatmap.html
+++ b/demo/charts-heatmap.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Heatmap Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -696,9 +715,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts.html b/demo/charts.html
index 8140798b3..a964f4693 100644
--- a/demo/charts.html
+++ b/demo/charts.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link active" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item active">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -619,11 +638,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/components/card-buttons.html b/demo/components/card-buttons.html
index a8659a210..708730b9c 100644
--- a/demo/components/card-buttons.html
+++ b/demo/components/card-buttons.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-buttons.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -568,9 +587,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-comments.html b/demo/components/card-comments.html
index 91606e117..a22d1f03a 100644
--- a/demo/components/card-comments.html
+++ b/demo/components/card-comments.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-comments.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -778,9 +797,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-ribbon.html b/demo/components/card-ribbon.html
index fe02ceacf..7aa40ce1d 100644
--- a/demo/components/card-ribbon.html
+++ b/demo/components/card-ribbon.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-ribbon.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -552,9 +571,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-tabs-bottom.html b/demo/components/card-tabs-bottom.html
index 76d466496..458c8ef17 100644
--- a/demo/components/card-tabs-bottom.html
+++ b/demo/components/card-tabs-bottom.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-tabs-bottom.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -670,9 +689,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-with-image.html b/demo/components/card-with-image.html
index 216a59810..1a6cb5e6b 100644
--- a/demo/components/card-with-image.html
+++ b/demo/components/card-with-image.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-with-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -570,9 +589,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/empty.html b/demo/components/empty.html
index 73c2fddea..6e5193722 100644
--- a/demo/components/empty.html
+++ b/demo/components/empty.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/empty.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -573,9 +592,9 @@
 </div>
 </div>
 <!-- Libs JS -->
-<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
 <!-- Tabler Core -->
-<script src="../dist/js/tabler.min.js?1578237242"></script>
+<script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-colors.html b/demo/components/input-colors.html
index 06aae5fec..1096881fa 100644
--- a/demo/components/input-colors.html
+++ b/demo/components/input-colors.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-colors.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -682,9 +701,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-image.html b/demo/components/input-image.html
index 6067749ff..a1e74f4c8 100644
--- a/demo/components/input-image.html
+++ b/demo/components/input-image.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -650,9 +669,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/progress.html b/demo/components/progress.html
index 1b8c31451..4738b4079 100644
--- a/demo/components/progress.html
+++ b/demo/components/progress.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/progress.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -656,9 +675,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-avatar.html b/demo/components/simple-avatar.html
index e2a2f624a..c36a5afd3 100644
--- a/demo/components/simple-avatar.html
+++ b/demo/components/simple-avatar.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-avatar.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -534,9 +553,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-card.html b/demo/components/simple-card.html
index 408199206..9b5a5c15b 100644
--- a/demo/components/simple-card.html
+++ b/demo/components/simple-card.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-card.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -546,9 +565,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-revenue.html b/demo/components/widget-revenue.html
index d32e4b23b..11d1febbf 100644
--- a/demo/components/widget-revenue.html
+++ b/demo/components/widget-revenue.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-revenue.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -606,9 +625,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-sales.html b/demo/components/widget-sales.html
index 3c8891bd9..493e0d17d 100644
--- a/demo/components/widget-sales.html
+++ b/demo/components/widget-sales.html
@@ -38,388 +38,41 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-sales.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -459,6 +112,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -620,9 +639,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578237242"></script>
+  <script src="../dist/js/tabler.min.js?1578435905"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/crypto-currencies.html b/demo/crypto-currencies.html
index 171a70f60..184a4fa9d 100644
--- a/demo/crypto-currencies.html
+++ b/demo/crypto-currencies.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Crypto currencies - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1679,9 +1698,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/datatables.html b/demo/datatables.html
index e2feca9df..e3d70b5fe 100644
--- a/demo/datatables.html
+++ b/demo/datatables.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Data Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <div class="card">
@@ -811,9 +830,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dist/css/tabler-buttons.css b/demo/dist/css/tabler-buttons.css
new file mode 100644
index 000000000..089ed63e6
--- /dev/null
+++ b/demo/dist/css/tabler-buttons.css
@@ -0,0 +1,1618 @@
+.btn-ghost-primary {
+  color: #206bc4;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-primary:hover {
+    color: #fff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+  .btn-ghost-primary:focus, .btn-ghost-primary.focus {
+    color: #fff;
+    background-color: #206bc4;
+    border-color: #206bc4;
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-ghost-primary:active, .btn-ghost-primary.active,
+  .show > .btn-ghost-primary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
+    .show > .btn-ghost-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
+    color: #206bc4;
+    background-color: transparent;
+    border-color: transparent; }
+
+.btn-ghost-secondary {
+  color: #8b929e;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-secondary:hover {
+    color: #fff;
+    background-color: #8b929e;
+    border-color: #8b929e; }
+  .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
+    color: #fff;
+    background-color: #8b929e;
+    border-color: #8b929e;
+    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+  .btn-ghost-secondary:active, .btn-ghost-secondary.active,
+  .show > .btn-ghost-secondary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8b929e;
+    border-color: #8b929e; }
+    .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
+    .show > .btn-ghost-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
+    color: #8b929e;
+    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-ghost-success:focus, .btn-ghost-success.focus {
+    color: #fff;
+    background-color: #5eba00;
+    border-color: #5eba00;
+    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-ghost-success:active, .btn-ghost-success.active,
+  .show > .btn-ghost-success.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5eba00;
+    border-color: #5eba00; }
+    .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
+    .show > .btn-ghost-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
+    color: #5eba00;
+    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-ghost-info:focus, .btn-ghost-info.focus {
+    color: #fff;
+    background-color: #45aaf2;
+    border-color: #45aaf2;
+    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-ghost-info:active, .btn-ghost-info.active,
+  .show > .btn-ghost-info.dropdown-toggle {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+    .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
+    .show > .btn-ghost-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
+    color: #45aaf2;
+    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-ghost-warning:focus, .btn-ghost-warning.focus {
+    color: #fff;
+    background-color: #fab005;
+    border-color: #fab005;
+    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-ghost-warning:active, .btn-ghost-warning.active,
+  .show > .btn-ghost-warning.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fab005;
+    border-color: #fab005; }
+    .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
+    .show > .btn-ghost-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
+    color: #fab005;
+    background-color: transparent;
+    border-color: transparent; }
+
+.btn-ghost-danger {
+  color: #fa4654;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-danger:hover {
+    color: #fff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+  .btn-ghost-danger:focus, .btn-ghost-danger.focus {
+    color: #fff;
+    background-color: #fa4654;
+    border-color: #fa4654;
+    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-ghost-danger:active, .btn-ghost-danger.active,
+  .show > .btn-ghost-danger.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+    .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
+    .show > .btn-ghost-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
+    color: #fa4654;
+    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-ghost-light:focus, .btn-ghost-light.focus {
+    color: #fff;
+    background-color: #f5f7fb;
+    border-color: #f5f7fb;
+    box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
+  .btn-ghost-light:active, .btn-ghost-light.active,
+  .show > .btn-ghost-light.dropdown-toggle {
+    color: #354052;
+    background-color: #f5f7fb;
+    border-color: #f5f7fb; }
+    .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
+    .show > .btn-ghost-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
+  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
+    color: #f5f7fb;
+    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-ghost-dark:focus, .btn-ghost-dark.focus {
+    color: #fff;
+    background-color: #354052;
+    border-color: #354052;
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-ghost-dark:active, .btn-ghost-dark.active,
+  .show > .btn-ghost-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #354052; }
+    .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
+    .show > .btn-ghost-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
+    color: #354052;
+    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-facebook:focus, .btn-facebook.focus {
+    color: #ffffff;
+    background-color: #30497c;
+    border-color: #2d4373;
+    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); }
+  .btn-facebook:active, .btn-facebook.active,
+  .show > .btn-facebook.dropdown-toggle {
+    color: #ffffff;
+    background-color: #2d4373;
+    border-color: #293e6a; }
+    .btn-facebook:active:focus, .btn-facebook.active:focus,
+    .show > .btn-facebook.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-facebook:focus, .btn-outline-facebook.focus {
+    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5); }
+  .btn-outline-facebook:active, .btn-outline-facebook.active,
+  .show > .btn-outline-facebook.dropdown-toggle {
+    color: #ffffff;
+    background-color: #3b5998;
+    border-color: #3b5998; }
+    .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus,
+    .show > .btn-outline-facebook.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-twitter:focus, .btn-twitter.focus {
+    color: #ffffff;
+    background-color: #0d8ddc;
+    border-color: #0c85d0;
+    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); }
+  .btn-twitter:active, .btn-twitter.active,
+  .show > .btn-twitter.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0c85d0;
+    border-color: #0b7ec4; }
+    .btn-twitter:active:focus, .btn-twitter.active:focus,
+    .show > .btn-twitter.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-twitter:focus, .btn-outline-twitter.focus {
+    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5); }
+  .btn-outline-twitter:active, .btn-outline-twitter.active,
+  .show > .btn-outline-twitter.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1da1f2;
+    border-color: #1da1f2; }
+    .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus,
+    .show > .btn-outline-twitter.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-google:focus, .btn-google.focus {
+    color: #ffffff;
+    background-color: #d03526;
+    border-color: #c63224;
+    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5); }
+  .btn-google:active, .btn-google.active,
+  .show > .btn-google.dropdown-toggle {
+    color: #ffffff;
+    background-color: #c63224;
+    border-color: #bb2f22; }
+    .btn-google:active:focus, .btn-google.active:focus,
+    .show > .btn-google.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-google:focus, .btn-outline-google.focus {
+    box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.5); }
+  .btn-outline-google:active, .btn-outline-google.active,
+  .show > .btn-outline-google.dropdown-toggle {
+    color: #ffffff;
+    background-color: #dc4e41;
+    border-color: #dc4e41; }
+    .btn-outline-google:active:focus, .btn-outline-google.active:focus,
+    .show > .btn-outline-google.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-youtube:focus, .btn-youtube.focus {
+    color: #ffffff;
+    background-color: #d90000;
+    border-color: #cc0000;
+    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); }
+  .btn-youtube:active, .btn-youtube.active,
+  .show > .btn-youtube.dropdown-toggle {
+    color: #ffffff;
+    background-color: #cc0000;
+    border-color: #bf0000; }
+    .btn-youtube:active:focus, .btn-youtube.active:focus,
+    .show > .btn-youtube.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-youtube:focus, .btn-outline-youtube.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); }
+  .btn-outline-youtube:active, .btn-outline-youtube.active,
+  .show > .btn-outline-youtube.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ff0000;
+    border-color: #ff0000; }
+    .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus,
+    .show > .btn-outline-youtube.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-vimeo:focus, .btn-vimeo.focus {
+    color: #ffffff;
+    background-color: #139ecb;
+    border-color: #1295bf;
+    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5); }
+  .btn-vimeo:active, .btn-vimeo.active,
+  .show > .btn-vimeo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1295bf;
+    border-color: #108cb4; }
+    .btn-vimeo:active:focus, .btn-vimeo.active:focus,
+    .show > .btn-vimeo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-vimeo:focus, .btn-outline-vimeo.focus {
+    box-shadow: 0 0 0 0.2rem rgba(26, 183, 234, 0.5); }
+  .btn-outline-vimeo:active, .btn-outline-vimeo.active,
+  .show > .btn-outline-vimeo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1ab7ea;
+    border-color: #1ab7ea; }
+    .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus,
+    .show > .btn-outline-vimeo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-dribbble:focus, .btn-dribbble.focus {
+    color: #ffffff;
+    background-color: #e62a72;
+    border-color: #e51e6b;
+    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5); }
+  .btn-dribbble:active, .btn-dribbble.active,
+  .show > .btn-dribbble.dropdown-toggle {
+    color: #ffffff;
+    background-color: #e51e6b;
+    border-color: #dc1a65; }
+    .btn-dribbble:active:focus, .btn-dribbble.active:focus,
+    .show > .btn-dribbble.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-dribbble:focus, .btn-outline-dribbble.focus {
+    box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5); }
+  .btn-outline-dribbble:active, .btn-outline-dribbble.active,
+  .show > .btn-outline-dribbble.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ea4c89;
+    border-color: #ea4c89; }
+    .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus,
+    .show > .btn-outline-dribbble.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-github:focus, .btn-github.focus {
+    color: #ffffff;
+    background-color: #040404;
+    border-color: black;
+    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5); }
+  .btn-github:active, .btn-github.active,
+  .show > .btn-github.dropdown-toggle {
+    color: #ffffff;
+    background-color: black;
+    border-color: black; }
+    .btn-github:active:focus, .btn-github.active:focus,
+    .show > .btn-github.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-github:focus, .btn-outline-github.focus {
+    box-shadow: 0 0 0 0.2rem rgba(24, 23, 23, 0.5); }
+  .btn-outline-github:active, .btn-outline-github.active,
+  .show > .btn-outline-github.dropdown-toggle {
+    color: #ffffff;
+    background-color: #181717;
+    border-color: #181717; }
+    .btn-outline-github:active:focus, .btn-outline-github.active:focus,
+    .show > .btn-outline-github.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-instagram:focus, .btn-instagram.focus {
+    color: #ffffff;
+    background-color: #de1f44;
+    border-color: #d31e40;
+    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5); }
+  .btn-instagram:active, .btn-instagram.active,
+  .show > .btn-instagram.dropdown-toggle {
+    color: #ffffff;
+    background-color: #d31e40;
+    border-color: #c81c3d; }
+    .btn-instagram:active:focus, .btn-instagram.active:focus,
+    .show > .btn-instagram.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-instagram:focus, .btn-outline-instagram.focus {
+    box-shadow: 0 0 0 0.2rem rgba(228, 64, 95, 0.5); }
+  .btn-outline-instagram:active, .btn-outline-instagram.active,
+  .show > .btn-outline-instagram.dropdown-toggle {
+    color: #ffffff;
+    background-color: #e4405f;
+    border-color: #e4405f; }
+    .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus,
+    .show > .btn-outline-instagram.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-pinterest:focus, .btn-pinterest.focus {
+    color: #ffffff;
+    background-color: #980617;
+    border-color: #8c0615;
+    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5); }
+  .btn-pinterest:active, .btn-pinterest.active,
+  .show > .btn-pinterest.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8c0615;
+    border-color: #800513; }
+    .btn-pinterest:active:focus, .btn-pinterest.active:focus,
+    .show > .btn-pinterest.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-pinterest:focus, .btn-outline-pinterest.focus {
+    box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5); }
+  .btn-outline-pinterest:active, .btn-outline-pinterest.active,
+  .show > .btn-outline-pinterest.dropdown-toggle {
+    color: #ffffff;
+    background-color: #bd081c;
+    border-color: #bd081c; }
+    .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus,
+    .show > .btn-outline-pinterest.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-vk:focus, .btn-vk.focus {
+    color: #ffffff;
+    background-color: #527093;
+    border-color: #4d6a8b;
+    box-shadow: 0 0 0 0.2rem rgba(122, 150, 181, 0.5); }
+  .btn-vk:active, .btn-vk.active,
+  .show > .btn-vk.dropdown-toggle {
+    color: #ffffff;
+    background-color: #4d6a8b;
+    border-color: #496482; }
+    .btn-vk:active:focus, .btn-vk.active:focus,
+    .show > .btn-vk.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-vk:focus, .btn-outline-vk.focus {
+    box-shadow: 0 0 0 0.2rem rgba(99, 131, 168, 0.5); }
+  .btn-outline-vk:active, .btn-outline-vk.active,
+  .show > .btn-outline-vk.dropdown-toggle {
+    color: #ffffff;
+    background-color: #6383a8;
+    border-color: #6383a8; }
+    .btn-outline-vk:active:focus, .btn-outline-vk.active:focus,
+    .show > .btn-outline-vk.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-rss:focus, .btn-rss.focus {
+    color: #ffffff;
+    background-color: #d98c00;
+    border-color: #cc8400;
+    box-shadow: 0 0 0 0.2rem rgba(255, 179, 38, 0.5); }
+  .btn-rss:active, .btn-rss.active,
+  .show > .btn-rss.dropdown-toggle {
+    color: #ffffff;
+    background-color: #cc8400;
+    border-color: #bf7c00; }
+    .btn-rss:active:focus, .btn-rss.active:focus,
+    .show > .btn-rss.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-rss:focus, .btn-outline-rss.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.5); }
+  .btn-outline-rss:active, .btn-outline-rss.active,
+  .show > .btn-outline-rss.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ffa500;
+    border-color: #ffa500; }
+    .btn-outline-rss:active:focus, .btn-outline-rss.active:focus,
+    .show > .btn-outline-rss.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-flickr:focus, .btn-flickr.focus {
+    color: #ffffff;
+    background-color: #0052b6;
+    border-color: #004ca9;
+    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5); }
+  .btn-flickr:active, .btn-flickr.active,
+  .show > .btn-flickr.dropdown-toggle {
+    color: #ffffff;
+    background-color: #004ca9;
+    border-color: #00469c; }
+    .btn-flickr:active:focus, .btn-flickr.active:focus,
+    .show > .btn-flickr.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-flickr:focus, .btn-outline-flickr.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5); }
+  .btn-outline-flickr:active, .btn-outline-flickr.active,
+  .show > .btn-outline-flickr.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0063dc;
+    border-color: #0063dc; }
+    .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus,
+    .show > .btn-outline-flickr.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-bitbucket:focus, .btn-bitbucket.focus {
+    color: #ffffff;
+    background-color: #0043a6;
+    border-color: #003e99;
+    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5); }
+  .btn-bitbucket:active, .btn-bitbucket.active,
+  .show > .btn-bitbucket.dropdown-toggle {
+    color: #ffffff;
+    background-color: #003e99;
+    border-color: #00388c; }
+    .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
+    .show > .btn-bitbucket.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-bitbucket:focus, .btn-outline-bitbucket.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 82, 204, 0.5); }
+  .btn-outline-bitbucket:active, .btn-outline-bitbucket.active,
+  .show > .btn-outline-bitbucket.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0052cc;
+    border-color: #0052cc; }
+    .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus,
+    .show > .btn-outline-bitbucket.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-tabler:focus, .btn-tabler.focus {
+    color: #ffffff;
+    background-color: #1b59a3;
+    border-color: #195398;
+    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
+  .btn-tabler:active, .btn-tabler.active,
+  .show > .btn-tabler.dropdown-toggle {
+    color: #ffffff;
+    background-color: #195398;
+    border-color: #174d8d; }
+    .btn-tabler:active:focus, .btn-tabler.active:focus,
+    .show > .btn-tabler.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-tabler:focus, .btn-outline-tabler.focus {
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-tabler:active, .btn-outline-tabler.active,
+  .show > .btn-outline-tabler.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus,
+    .show > .btn-outline-tabler.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-blue:focus, .btn-blue.focus {
+    color: #ffffff;
+    background-color: #1b59a3;
+    border-color: #195398;
+    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
+  .btn-blue:active, .btn-blue.active,
+  .show > .btn-blue.dropdown-toggle {
+    color: #ffffff;
+    background-color: #195398;
+    border-color: #174d8d; }
+    .btn-blue:active:focus, .btn-blue.active:focus,
+    .show > .btn-blue.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-blue:focus, .btn-outline-blue.focus {
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-blue:active, .btn-outline-blue.active,
+  .show > .btn-outline-blue.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-outline-blue:active:focus, .btn-outline-blue.active:focus,
+    .show > .btn-outline-blue.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
+    color: #206bc4;
+    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-indigo:focus, .btn-indigo.focus {
+    color: #ffffff;
+    background-color: #485ac4;
+    border-color: #3f51c1;
+    box-shadow: 0 0 0 0.2rem rgba(124, 137, 213, 0.5); }
+  .btn-indigo:active, .btn-indigo.active,
+  .show > .btn-indigo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #3f51c1;
+    border-color: #3b4db7; }
+    .btn-indigo:active:focus, .btn-indigo.active:focus,
+    .show > .btn-indigo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-indigo:focus, .btn-outline-indigo.focus {
+    box-shadow: 0 0 0 0.2rem rgba(101, 116, 205, 0.5); }
+  .btn-outline-indigo:active, .btn-outline-indigo.active,
+  .show > .btn-outline-indigo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #6574cd;
+    border-color: #6574cd; }
+    .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus,
+    .show > .btn-outline-indigo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-purple:focus, .btn-purple.focus {
+    color: #ffffff;
+    background-color: #923ce6;
+    border-color: #8c31e4;
+    box-shadow: 0 0 0 0.2rem rgba(179, 118, 237, 0.5); }
+  .btn-purple:active, .btn-purple.active,
+  .show > .btn-purple.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8c31e4;
+    border-color: #8526e3; }
+    .btn-purple:active:focus, .btn-purple.active:focus,
+    .show > .btn-purple.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-purple:focus, .btn-outline-purple.focus {
+    box-shadow: 0 0 0 0.2rem rgba(165, 94, 234, 0.5); }
+  .btn-outline-purple:active, .btn-outline-purple.active,
+  .show > .btn-outline-purple.dropdown-toggle {
+    color: #ffffff;
+    background-color: #a55eea;
+    border-color: #a55eea; }
+    .btn-outline-purple:active:focus, .btn-outline-purple.active:focus,
+    .show > .btn-outline-purple.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-pink:focus, .btn-pink.focus {
+    color: #ffffff;
+    background-color: #f44982;
+    border-color: #f33d7a;
+    box-shadow: 0 0 0 0.2rem rgba(247, 131, 170, 0.5); }
+  .btn-pink:active, .btn-pink.active,
+  .show > .btn-pink.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f33d7a;
+    border-color: #f23172; }
+    .btn-pink:active:focus, .btn-pink.active:focus,
+    .show > .btn-pink.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-pink:focus, .btn-outline-pink.focus {
+    box-shadow: 0 0 0 0.2rem rgba(246, 109, 155, 0.5); }
+  .btn-outline-pink:active, .btn-outline-pink.active,
+  .show > .btn-outline-pink.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f66d9b;
+    border-color: #f66d9b; }
+    .btn-outline-pink:active:focus, .btn-outline-pink.active:focus,
+    .show > .btn-outline-pink.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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: #fa4654;
+  border-color: #fa4654; }
+  .btn-red:hover {
+    color: #ffffff;
+    background-color: #f92132;
+    border-color: #f91426; }
+  .btn-red:focus, .btn-red.focus {
+    color: #ffffff;
+    background-color: #f92132;
+    border-color: #f91426;
+    box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
+  .btn-red:active, .btn-red.active,
+  .show > .btn-red.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f91426;
+    border-color: #f8081b; }
+    .btn-red:active:focus, .btn-red.active:focus,
+    .show > .btn-red.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
+  .btn-red:disabled, .btn-red.disabled {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+
+.btn-outline-red {
+  color: #fa4654;
+  border-color: #fa4654; }
+  .btn-outline-red:hover {
+    color: #fa4654;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+  .btn-outline-red:focus, .btn-outline-red.focus {
+    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-outline-red:active, .btn-outline-red.active,
+  .show > .btn-outline-red.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+    .btn-outline-red:active:focus, .btn-outline-red.active:focus,
+    .show > .btn-outline-red.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-outline-red:disabled, .btn-outline-red.disabled {
+    color: #fa4654;
+    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-orange:focus, .btn-orange.focus {
+    color: #ffffff;
+    background-color: #ff7e05;
+    border-color: #f77800;
+    box-shadow: 0 0 0 0.2rem rgba(255, 162, 75, 0.5); }
+  .btn-orange:active, .btn-orange.active,
+  .show > .btn-orange.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f77800;
+    border-color: #ea7200; }
+    .btn-orange:active:focus, .btn-orange.active:focus,
+    .show > .btn-orange.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-orange:focus, .btn-outline-orange.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 146, 43, 0.5); }
+  .btn-outline-orange:active, .btn-outline-orange.active,
+  .show > .btn-outline-orange.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ff922b;
+    border-color: #ff922b; }
+    .btn-outline-orange:active:focus, .btn-outline-orange.active:focus,
+    .show > .btn-outline-orange.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-yellow:focus, .btn-yellow.focus {
+    color: #ffffff;
+    background-color: #d59604;
+    border-color: #c88d04;
+    box-shadow: 0 0 0 0.2rem rgba(251, 188, 43, 0.5); }
+  .btn-yellow:active, .btn-yellow.active,
+  .show > .btn-yellow.dropdown-toggle {
+    color: #ffffff;
+    background-color: #c88d04;
+    border-color: #bc8404; }
+    .btn-yellow:active:focus, .btn-yellow.active:focus,
+    .show > .btn-yellow.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-yellow:focus, .btn-outline-yellow.focus {
+    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-outline-yellow:active, .btn-outline-yellow.active,
+  .show > .btn-outline-yellow.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fab005;
+    border-color: #fab005; }
+    .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus,
+    .show > .btn-outline-yellow.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
+    color: #fab005;
+    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-green:focus, .btn-green.focus {
+    color: #ffffff;
+    background-color: #4b9400;
+    border-color: #448700;
+    box-shadow: 0 0 0 0.2rem rgba(118, 196, 38, 0.5); }
+  .btn-green:active, .btn-green.active,
+  .show > .btn-green.dropdown-toggle {
+    color: #ffffff;
+    background-color: #448700;
+    border-color: #3e7a00; }
+    .btn-green:active:focus, .btn-green.active:focus,
+    .show > .btn-green.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-green:focus, .btn-outline-green.focus {
+    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-outline-green:active, .btn-outline-green.active,
+  .show > .btn-outline-green.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5eba00;
+    border-color: #5eba00; }
+    .btn-outline-green:active:focus, .btn-outline-green.active:focus,
+    .show > .btn-outline-green.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-teal:focus, .btn-teal.focus {
+    color: #ffffff;
+    background-color: #24ab9d;
+    border-color: #22a193;
+    box-shadow: 0 0 0 0.2rem rgba(75, 211, 196, 0.5); }
+  .btn-teal:active, .btn-teal.active,
+  .show > .btn-teal.dropdown-toggle {
+    color: #ffffff;
+    background-color: #22a193;
+    border-color: #20968a; }
+    .btn-teal:active:focus, .btn-teal.active:focus,
+    .show > .btn-teal.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-teal:focus, .btn-outline-teal.focus {
+    box-shadow: 0 0 0 0.2rem rgba(43, 203, 186, 0.5); }
+  .btn-outline-teal:active, .btn-outline-teal.active,
+  .show > .btn-outline-teal.dropdown-toggle {
+    color: #ffffff;
+    background-color: #2bcbba;
+    border-color: #2bcbba; }
+    .btn-outline-teal:active:focus, .btn-outline-teal.active:focus,
+    .show > .btn-outline-teal.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-cyan:focus, .btn-cyan.focus {
+    color: #ffffff;
+    background-color: #138496;
+    border-color: #117a8b;
+    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
+  .btn-cyan:active, .btn-cyan.active,
+  .show > .btn-cyan.dropdown-toggle {
+    color: #ffffff;
+    background-color: #117a8b;
+    border-color: #10707f; }
+    .btn-cyan:active:focus, .btn-cyan.active:focus,
+    .show > .btn-cyan.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-cyan:focus, .btn-outline-cyan.focus {
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-outline-cyan:active, .btn-outline-cyan.active,
+  .show > .btn-outline-cyan.dropdown-toggle {
+    color: #ffffff;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
+    .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus,
+    .show > .btn-outline-cyan.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
+    color: #17a2b8;
+    background-color: transparent; }
+
+.btn-white {
+  color: #354052;
+  background-color: #ffffff;
+  border-color: #ffffff; }
+  .btn-white:hover {
+    color: #354052;
+    background-color: #ececec;
+    border-color: #e6e6e6; }
+  .btn-white:focus, .btn-white.focus {
+    color: #354052;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
+  .btn-white:active, .btn-white.active,
+  .show > .btn-white.dropdown-toggle {
+    color: #354052;
+    background-color: #e6e6e6;
+    border-color: #dfdfdf; }
+    .btn-white:active:focus, .btn-white.active:focus,
+    .show > .btn-white.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
+  .btn-white:disabled, .btn-white.disabled {
+    color: #354052;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+
+.btn-outline-white {
+  color: #ffffff;
+  border-color: #ffffff; }
+  .btn-outline-white:hover {
+    color: #ffffff;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+  .btn-outline-white:focus, .btn-outline-white.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outline-white:active, .btn-outline-white.active,
+  .show > .btn-outline-white.dropdown-toggle {
+    color: #354052;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+    .btn-outline-white:active:focus, .btn-outline-white.active:focus,
+    .show > .btn-outline-white.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outline-white:disabled, .btn-outline-white.disabled {
+    color: #ffffff;
+    background-color: transparent; }
+
+.btn-gray {
+  color: #ffffff;
+  background-color: #aeb3bc;
+  border-color: #aeb3bc; }
+  .btn-gray:hover {
+    color: #ffffff;
+    background-color: #999fab;
+    border-color: #9299a5; }
+  .btn-gray:focus, .btn-gray.focus {
+    color: #ffffff;
+    background-color: #999fab;
+    border-color: #9299a5;
+    box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
+  .btn-gray:active, .btn-gray.active,
+  .show > .btn-gray.dropdown-toggle {
+    color: #ffffff;
+    background-color: #9299a5;
+    border-color: #8b929f; }
+    .btn-gray:active:focus, .btn-gray.active:focus,
+    .show > .btn-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
+  .btn-gray:disabled, .btn-gray.disabled {
+    color: #ffffff;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+
+.btn-outline-gray {
+  color: #aeb3bc;
+  border-color: #aeb3bc; }
+  .btn-outline-gray:hover {
+    color: #aeb3bc;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+  .btn-outline-gray:focus, .btn-outline-gray.focus {
+    box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
+  .btn-outline-gray:active, .btn-outline-gray.active,
+  .show > .btn-outline-gray.dropdown-toggle {
+    color: #ffffff;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+    .btn-outline-gray:active:focus, .btn-outline-gray.active:focus,
+    .show > .btn-outline-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
+  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
+    color: #aeb3bc;
+    background-color: transparent; }
+
+.btn-gray-dark {
+  color: #ffffff;
+  background-color: #5f6877;
+  border-color: #5f6877; }
+  .btn-gray-dark:hover {
+    color: #ffffff;
+    background-color: #4e5562;
+    border-color: #484f5b; }
+  .btn-gray-dark:focus, .btn-gray-dark.focus {
+    color: #ffffff;
+    background-color: #4e5562;
+    border-color: #484f5b;
+    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+  .btn-gray-dark:active, .btn-gray-dark.active,
+  .show > .btn-gray-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #484f5b;
+    border-color: #434954; }
+    .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
+    .show > .btn-gray-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
+    color: #ffffff;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+
+.btn-outline-gray-dark {
+  color: #5f6877;
+  border-color: #5f6877; }
+  .btn-outline-gray-dark:hover {
+    color: #5f6877;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+  .btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+  .btn-outline-gray-dark:active, .btn-outline-gray-dark.active,
+  .show > .btn-outline-gray-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+    .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus,
+    .show > .btn-outline-gray-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
+    color: #5f6877;
+    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-azure:focus, .btn-azure.focus {
+    color: #ffffff;
+    background-color: #219af0;
+    border-color: #1594ef;
+    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
+  .btn-azure:active, .btn-azure.active,
+  .show > .btn-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1594ef;
+    border-color: #108ee7; }
+    .btn-azure:active:focus, .btn-azure.active:focus,
+    .show > .btn-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-azure:focus, .btn-outline-azure.focus {
+    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:active, .btn-outline-azure.active,
+  .show > .btn-outline-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
+    .show > .btn-outline-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
+    color: #45aaf2;
+    background-color: transparent; }
+
+.btn-lime {
+  color: #ffffff;
+  background-color: #7bd235;
+  border-color: #7bd235; }
+  .btn-lime:hover {
+    color: #ffffff;
+    background-color: #69b829;
+    border-color: #63ad27; }
+  .btn-lime:focus, .btn-lime.focus {
+    color: #ffffff;
+    background-color: #69b829;
+    border-color: #63ad27;
+    box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
+  .btn-lime:active, .btn-lime.active,
+  .show > .btn-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #63ad27;
+    border-color: #5da324; }
+    .btn-lime:active:focus, .btn-lime.active:focus,
+    .show > .btn-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
+  .btn-lime:disabled, .btn-lime.disabled {
+    color: #ffffff;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+
+.btn-outline-lime {
+  color: #7bd235;
+  border-color: #7bd235; }
+  .btn-outline-lime:hover {
+    color: #7bd235;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+  .btn-outline-lime:focus, .btn-outline-lime.focus {
+    box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
+  .btn-outline-lime:active, .btn-outline-lime.active,
+  .show > .btn-outline-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
+    .show > .btn-outline-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
+  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
+    color: #7bd235;
+    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-dark:focus, .btn-dark.focus {
+    color: #ffffff;
+    background-color: #262e3b;
+    border-color: #212833;
+    box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
+  .btn-dark:active, .btn-dark.active,
+  .show > .btn-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #212833;
+    border-color: #1c222b; }
+    .btn-dark:active:focus, .btn-dark.active:focus,
+    .show > .btn-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-dark:focus, .btn-outline-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-outline-dark:active, .btn-outline-dark.active,
+  .show > .btn-outline-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #354052; }
+    .btn-outline-dark:active:focus, .btn-outline-dark.active:focus,
+    .show > .btn-outline-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
+    color: #354052;
+    background-color: transparent; }
+/*# sourceMappingURL=tabler-buttons.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-buttons.css.map b/demo/dist/css/tabler-buttons.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..b5af61ed67adcba5ad117cea648643fa33c2c0ec
GIT binary patch
literal 33834
zcmdsg>vH2plJ2WuWO=&162-enb&nk*0#sYJ`zrPI^u`28f+Qr8pa5P(O-#hT)kd73
z=TY`a&X<{0r~(OgQ|@W+OndAhP?eQcm6tEGE~Ngxw+P}Sj3#@Js)u_?G>^MMviIo!
z>>V8y@o&;ilHxop{;e~g&7w(C2ySPwe?-N5hl*wr^@6{RquzWJB*jh?%@UAIrRg}l
z4JS$3Jll|&|83#Nq2EE<Y~?Oo2eID^gUL)a{m;X_i9hDy<8kayr{QFP$?Tn;w$C58
z-R{|8*9}|m@i=Y0IXrIt{N~2ROR#VcS1qp}d57)O(^HgOx2E3X^HaBd_|}`W24|1Y
zpS&KP5mD57{rKFwd~<lyaxY#hdhgi>P`8P?oI`!a)NN|`<kjK8J3S5Cs^#f<+<uI<
zPudvTleeHadxvh^cSIa;yT0n>+zVT89zTA1`s?``k6#yU>AveWcz8{oomclTy>s{2
zi+O$x?^;dp@#(2I^0Y+!0SRH)I%)krkqlbR7DoFU+CwP6Hd|UMXG3(KCl=MBEiKNt
z`SW_~Fx*8neI_5%aM9faolAe`-VMr>fU=w{0bRM={MzN&?kb{E%ZG>>t#`jqLdPxA
z><G;<;_KF1EuelUUp_+rj>+Fr(`T25O?L;gIV0ky-0qp`<=lJuP6;K;!V=1q$9Kci
z+f^jjERy*5isXj7e8WS1oeJc|7J&%$&rHo;(!N~tfh~UYh6K{(cD+;}gO-*^))y^_
z)OmQv_mar6)rFB%TOWR(kyHRo=iU&_VI+grdu=40UcQkC{UwuMP}5)D93JdqB)<^x
zOK$f{^>XgL{-BH`%fb@LjK??U>FsJH3B=fT?^>6?Pb90>1%}$YB#Cq{v_Rgy%NK}H
zzhLU;)bQ-ZZUT8m#IL#C8`aCX_x|#80=ebUt$1>~3dAEE0mT2V*wZFszF=d%OkL*v
z7MEdSSUSmWsQml#69`-7$WcS&K=^5JgV5#HS8nP#V^@35R)8(KG|GWTbKF%brxcQZ
z{+$u|35Cj+94cR>0r~BgfXu`?uA*JkdbJy})>%9Qm-`vIX-vL$bxhuht|u;y@BmFe
zBa!DElb=$S(qweKf&!3pj1l=Cx4jbtJJM#;9j76-iZXZu5|ysIB&E61=Ioae#onOo
zqQz-1bd~d*hOLPT%9ILiG)P*~B5s95R%#VnI|1$K(B%#zSK3e9NOgIBdgD%A<x5-f
zRxC7xxx)G|FbM4Qif4-v%h(^Eo{hXK2*M59B%=P9gfeJ}P=+ldlxvh}p-fuLENX!p
zSWo5khF&2`OfwbbQd%L4J8<2yRdGxe;Kw=I$RqO}!@R-mN=AC^3bzqnWvnnPl%)XT
z-nqU;ucl}W-E`d{DHeGhrUlzLJv~mR>Mfo$XsVmW5Mj!gchMd33=WV_Xx4R<>3M%M
z#?Z!e&ppIN(ih@lY77&UrN+>^CZPl(lfDs2*fJs+wV2ho1zu1d@_OPN(JNR_@u~$m
zmsZfxz(e#h6*a2JHH9IDMydqX61S^#q%angrS|XMx@lxT7JacP6s7%uCc3LB+;{;d
zJtXTvmjf7+o<M`F?^}a~CjkU})~C6)gVYSBUO%;h4&!83<k2(Y7{J}NIIdd6=DO7<
z8yNA+7%yNtX(_I4FOdd<1-GWWLgl&oFEXcr%bbR;;)IUezJY;-j-+j`CK_VhpSU!n
z1GL>$^NE1K71k6q@(}aUsz3PyKp>kV=BM5}MuaRYE8WaQgmZSTpT)PHXn#aRh;0z~
zz#!m@Ogcs+fCa7np*Vf0FyKmFuN4LmLTEYOq!@7Qx(lnKv=swRgxi7QR!kcSE+{(y
zyP3g&iiH6U!GI=V$gY+!_ps=|VqQdZ4ZF}2C=%>^YZ&lr7oPG<kBt7jn_|Gs>!ld*
z4yMxf-itgw7;$usH2TD3(CQHa46$gVofT$z)lxj$92Ouw2>~-xzJhY|5um}Gn!@Qs
zw?Id3&!B&-Gsm`968$g&)Lk0IvD@2O?@LM@+TH})QzVSBXVRY`%D%SZv+4gAAwZVZ
zHUxOenbL0p?Z0Yh2LdeYobV0jgl|PA?~F)%BN2oJh&lixXur=d6dp*3Lo4YUr`aG<
zfQ>W};@!*!>u63|RNNXVH()!*4YhTLbU4ihS5`Jym28qC!_H=~;uK)2Qh*3Xq22$A
z<nn3vAK!arfEM=3AiLzrvx0dm69>?K%gP|jYMT{2r$G6PW9(Ct0^C|Dz$J9h_FjuZ
z-xzVcH`3@3lP<^q9z6!kub&40Yf=`we$z!-n3m63iFul@a`3N78d29R&b?+!2Y+yy
znBc#(f`6HVf8`#*zl3OyImX_Ut@Z|3rIkKH*=Lmg@3$O$iRqquFC?r#*I^y5e~0uZ
z#r;<i3FSg$a%n{J)<}f%gL9Aa1Gql&12O~QisgeAVc6mZlKM?rrXrz=T*ohi3cM;v
z3<yT5X(IvyS}?HVV^ukF)A%xnWr>k>u{z}TC8Pp7JAOrsV5W>9v5a8y2N*#%ZOilg
zRo3%ic3V6@%W9kFU$BT?iG*PhY3wiCM(~1-;H4M=EJ7>wwK0Ns%;-HB!3c~+KyR=J
zO+QGD0FFCK_1VS|!!{$h6C<GPkc@zALb#oKvT9@_0J|$=1c_w?w_*gV`xrqDn-Ohq
z;dQ9TxtB(jsn_}1D3FcXUt|DTR@)5VHSN1x@`mJv+K&VTRK0g80zAXss`s2_@gfz)
zMJfqC3V180YsBk4^ZJl(qy|JO`QDW|qKR6ae5b$VEz*^2u-@qggaUet6p6#oeXdRF
z##Q{gE|!7le~Hb#U9<dS4?CpZt;bpF(o0b!M&kSF82|4F_iyQV;td~9yjEK!P;}k<
zkSh8&TJk()Sv*Tc@iLXfB{6vYf&BXoJ-%gL@6v6Tt~yWwAP>zk%eaL!JukQ~_}pVD
z=Q6jt!MRsznIjXo*m|iI9U<RmL+a8x5B<+wIuY7!cdyC$+?~qjR#rYY`+Pq4@2Bhc
zlz+YB{OhgB=NeW%_Y3E9ze+y$o5|;%n|$sSF}dJ;?vfr~Gru=!-sW5B+*+2GtMD0T
zb92e&7ABip+1cEQ_V_mT_jCtcH|A_Exkom4Ac4HB0(r>_<cmKbkY{(~zX->(thV8}
z&++$zM9KF$NW#NU>_GlA2l8_X<iD6e{?r8W7tH9T1oBt>av@wVHCOBd=qw9?cRk6=
zRemgCJW*kMW`*&k$>qQe%YE(f*H##xN*KSnPZ%GxX&<+$oW5c?{q48t^j&h&4m+uD
zoW5u|{TVy`6LI>Vjne}Lpfs0`PM#5y=j`+^=<y}<dzCu<TkVsG!kx5~H-dBZj&&Zm
z+=$c1#_0hAX7>iS0<_LU%jqZV^wFl%SI_tm=h?=I9^E2pdwmW}K^mAo(4i&I?wdKi
zIpJf|1Dq-&LoK${u_?U$#T$h48;>M&f+*R>_BTtTXtqW}gnT8Bkw-_UV~-D~C;SrO
z1w5x-dgeQ4ddcAKOmPjxxhfy>jjXWEe6HH*k?y#yk91)>x9z7|<;QJxsN8jn+;o78
zU2B1TtHu+$b_Q?etR*zq(M!{ouch;Bdi_NRpJlZT;p?0*9ZSO0&<PWCen}~u=$tk@
z+q~fk9X8C0=zx<a_JJXCUOF4)MDB`TuJHo;k(av64JW|RdFZ(dQ(QuEuFg-G&w=nM
z>IUcrx|L-*7|q&gGFNG*$y}pN<7u`xlDVxqpR>+KqVsE`^ZvJ|^D67SCOU@!h|fUh
zZ;Z~Xtn(T+xuHWCfcC4V(K);yG9HM|jRAlj2B7I9t#i2N%oMM->Ab-@Z;H-g0Kx~|
zq&f$q*yy}ubY5qj!|`|a^CctuL<BL`g1{*)RtsMl+_T>K2RM3}!M!5jj{8HY(%%_y
zFEhAT1l+3z+>hN<9_D@wR%}JSEHe;r9~u-NYjB5u#-@0=4czM-B#wnoLpQ)qyr;n(
zjHU+MR|edx4DL0=g<Zj&Zl1M~tn-dSWRip{>;-&frDv1wFH(Az)i!j$<6Cbf+<Jpo
zmRst+96bHQWs2^1*x;Z8E|y2x?0eU6eN4%t;nJnMrh7@t^b>wLzzcX5-Snp4HFkG+
zDUGH2)Ju!!C`S3_2~5=^rZtcG)O7=N<C)8R?xg*zMv`S)@$b6jHZ`r_Ug@q%FEP5u
zg6=m4-GTRdl3y#NXEpT)C>`4#kj_d_?M|Z_l-@D$e#`K_5_rEe@Ln<SUT1iR>yy$O
z{L&O;Kn|#t5?b&+(P)h;8Qb8!%<x_jc(3XP*m@^u&_`|~1MhPK?{^IErF+0TUAk?1
zGf{eCls@?em7c%x1*P|l(ig1sr6?U1pp{rMN(bnZQ;O1!1;Eo`0h)fGl}@K5T8G$f
z-=_3CR(eU44hs-I<ojCbV02}ao*1RyveJR~J9|1^$H(q#i?^1St#ofW#@_I^2JbO%
zYbO%QW;&EX=|jXaoxR5{ZM7#Z3uI<avzNTb&DlGJ0PK<S1y<Y%rI(7tgQ|%KO}!_M
z{gk1XuC2#7zR1P*1z)~g;_@Y|=T<jBHxv-``AX4C_uQj)y5~OQ`_S|D#-97u?7hjE
z+?`<FN@E^5f10^`Gx$E`OzuW9x!B6&uJDy3t@SCVayJ6lvGHB(Z)-QW<?L;RtIh!U
zJANt2mFcp%_#&yFtkaS1X$ZjLE??_2PUYs3$}LPPw@Onv<nJe5x=tUPR4(RJF1bf4
zcfeXNi`Eh1_2?Ggpw=g>^+>c16Og&W*GHDtC#>~Iv<?%{0!fV47p&-|Xx*3qd=w_2
z=@9^6C8Bj?{JNMnd2)RnNj@+m5v{`nqydi2Y^^tp)~}7$r>ymxPitL&=K%NXLrz!g
zg6}nh?{@~@pJ6cc4TV)}r<?Vib@IG>_1o8L_IEKd_h+`BqGy>|$$MsXg@a89^;*z<
zWT89OE~%eiF}hz1x{nOHM+V(v2J}SGea0_yL3itlYe}O!R$6rf`Ufc18XumKl0)pH
z0WT(u?vbGT)S!EkqB|H>4Z05ux{ny$$M-<@0AB-advAvH{RsE<z}5Eng1@u)RX1U?
zs`{erJ<H0{dgk`*M85MF(RUs(+bLdUx^VR~d}UGt`~-IuA(Y4ysZ8;z#gd>*gZu*b
znxM6%2X;`~t-P-2m0TXLx>ZeD$@bidRS~wqP8&hyD;05@nJ4PIp)<S+H*|<Hvq{%z
zm(qT&({Gw~-Kl(?^ac~#Il&9*8?0^bgUtKAnf9fb_1B8^Srz^P)?j}F7Wx|5*6@pE
z4Oe0f*UB13mNk%tXlsZ?{fV-MnY_-GHIS`nYbd4GfOuWEDh{Y3*BT~b4Uw{jsbvjh
zA!dD7wX9)aS;I)IVSFEJpf8)!h8<_O0}~E9-(I%g;CRrKc#s}x0~TJHaM0jzfK;8l
z`^1EUfw^RK#mJ4_8o~qP&Y%aTYxO5gF9|@JySKf{wq(D^Ob5Vp@ENuhA4D%~+NA6H
zMLSLQYbG3=a5y-)M>wc)+J_{MI>Wxb9`y7ZO#5b>_RS^jTUcpd-{ksqbEVBUS0Imt
z$@*3%>qAD5C{U5CugWhq$@S|dy~C*<99xurrIR=cF<Y{}Th98B*-I!%v%ZR*^$pFo
z?TyL$7M%4hKb`euzE_DagSI{F17M10sm6az7c*ZA@v|2mzX<WOthUAf{5^Ge`D>$a
zoP|LcI1&+WOT{5+HRnSU7H|Xs!^=&M4e4Q-r5$Fe6@n#w*%Z^+X)eNFaRzuTKanvy
zOBEiS>3w=Ix;sl3cg-_pQ26#Ff0;LYlG&%nuafk`QGg%)n9+}l#0B-kB}ej$CF%!G
z+-Nex?}pItocuNHJNv<ehzo;Zl+1Js=kFgUj`P>R?+%^)MKI|_@u9QdjYd)IgcE0f
zHVno=f!`CMb)2KlY@)b)_jlFkAG#9E!bx{D?*)zws=z;eGMPQZ@1;zVsUKrVhfd~2
z`qTZI&+q#EzIhX>A0E?y9p@kPf&at5A1C(olBgT{qs)-EPcMg9&F?-l%Z}d~p$wJf
z70qX(a1s=D;j3x2<hJt9mjM5IO`ZVgcVo0XS-UxU#rTM92YqfGRsO6$!}Z>Ch7S~r
zPK$rB$5E0>K2C~7`p;?mNjO?L)A@MnfVI;L`u==0bCTH#Kf-h9_=&R&MkD%sG>q`;
zK!?twe$<_#>XF}_g^S>j`S_Eb(+d-FoSqX+XZQ`F#OcF1d^A>G#}>%H0km%NB#Hfw
z-@P8h(R|VaOL~vu9{S^FR=^{NKMJex=AlLXgOKp(3Wmuer{~Al!Nev#bQ(wX@3RfK
z7mHYWb;_kI-R20^J5+2%DxV#Q;jbHP8%V_rS&?pzMe|5S_`}D^4+1rcSgepiAq5`&
zi%Esfz?PCYrifqM<B`@zwtXkMEhIy~7cJ2oSZCge1u5>&Vl*1`^jJi6{H9<ke@q)9
zR@7@_Q)DbareLt6-o;dTBuD)GM~}pD;AE$ZDC{}&1V2FKi2WxK+{)?t6KCoti35L{
zMPv929vqRVGmWEZ5RX<gcnTIKFbP2#W*o=JofMT(#GzB-|8X(%FD%2}Z0N*;j{gvY
zd6>eJ@;9eU9^xF;Q+!6)8zq63T(-L}=T7rW^(A)94*lmN>*XjJMoZ@>=g&tyhy?~W
zDa@k5V3dwZTbAu1+E`MjNR4^JT~aGFQr6C4%h_-W$NnIA<V>PT@R(HmDi{MD9i#z{
zZpiRQ1=Bc4lAu?VUIDHCED)_?-lW_$bJnBN_AEron2j3#Ifj*QS_J28GU-^fr#pZ8
zk!Nkjku`|?R{sPugq5rtVz%cmHbu5W(g&+0wMiY;lvV0iEdXtKHkz3zl$x9=(q_r(
zHT7ECGyr2z?!`rFP>BN&fI+Pu#DOD8YENv#Mh9(vpSN4f1~FNl?_V?Fc|F&l1`00B
zV}a2(6PsBS+ry#FBDF7y^*}FfDgj+pDf#k;gnr#7^~O&HyEWfpHqZc#e@k$Zo_JPT
zRcTMDx;Dn3NwZqjWJbBES#1qXHkyCRrZsSDq)s_Yr~hjpx+d{;5s1}&!)Ugy7e<ud
z4_&$JM2OJ16+1OBeGyJs>rJ+3bisB7L{dwLB)ki-e#jyP6+Yab`n?`<oWcr=C;fbj
z=ROwL1tP(-vJU#K&UvCzR7DH-*R59O@s`Jt=7%Y-hlZ_WDj4EZe=^5{V})f*cZ3zR
zGm9vXT7+0-BiEw!OH9uwroh~Zqh%7rdeKADO#8`<6X~t^wG124jJkwicyV=lanZiK
za9XDq?T?dv<a5C+LH?g0Klq4WMg6$v{7EgV(1=${XV0HqUVwHGMaW?aG$*3H;2&Id
zF0lT0Uc}LQLz!^jA7jN<NI+D;;KM$|X7M?63izp0Filp;EEpd;9W1A>$9`AdsjEXL
z2?kN%%)>)x7>pLdEbRJN>fx7HN2p5~qlh@ks>?xwbA<-F>Bf7q8h4_RJ=N@ZWvCzb
zo&-@m2>p+HhnVqYh+k-Ro&`(iRW$Y|R5+s|>IYM^xyf?%-DUgLv(w)kEy1uGO;~=(
zBj@1{8}#n;-=4oBNkiRwf2I&(yC+`wqeryJ%Qo2`g@Yk<@m;^(Z}dBM<vuMZQB$qg
zO7)6e1NPjk&>106Jd)I!$&p6aGJ{ft%V9W!b#M+YMVpl45DTgthNViDBhlsZTO%ZM
zi~UuhTq?n0c)<1~q_RSlyeeP<_$$r&&^c*-pY4@dRku;s@~CTDsGGUG>szQBCwaV&
zw@@Ef^QaqJsB2jHY|5m$g}PG7qdp;OmYU58!tadcQ2BS2(s8F-v+MT#yLn7iwYu;3
zGnTa<PI}=WLfvt_QS0_H&8G7h-ibQDUJn94TL+&<P5=0~capW@IOtJ@Upua6M-gG$
zk(M;rOgyPnvW-^Q0*aR0u2U-2GhL0~uc&EsdX;LnW)KI#1XcB*<CjXAMzet2@4HH;
z+v#LS-d*|Brrhu=oo1$ua)$3p{7<Gz*+1=r;vc(;Tp#;<h4Fkw6BjFo{%sl!?kdw1
z8dz(FM(r^SG!J-6re3ExAP~1EeZ#9u#~G8tc&0HHkMRnOh$O=#2>@sCII1+m&XUZ#
z_)Tu09fk?<X6nL8AGRX)l&M(y@dSYxb)v~kWsmeuxi?J1t{|I@dMj)Wp>7i|xK4|V
zP-3lZX3H4hOwsk@Uf=Hq_*L-hk9$yZwNpPiX>z{uac{N^XTW8yDEItwzoIH6xN&)}
zTMKGsRldUVWZnt5qTeT@P!$VUB!VYdk>6<qzAEm;VW)%rNv;X}TDN(kdkAO4c}H3_
z%Z+kFmE*_CXFiZ_EKO<v{=TZhkBMWjK{Dg2POsD~cU9FwCU;zIR((CWI7yhW-}eD*
zim*QlyVo+|Qt7zb(+oP{tTXRk2f`cvR_W?0ImTdC0wlD}m&q<9U8HCz0w)_IdNwxI
zF#`@4@{=kRtl?sLRONy*TrQ8g92g^|cu-|9AuhtFDiK)WLU~l>Vu)NWkE)#DgiGl`
zm9eFBAwQ{7!VoT`2USMs!DaNI$`~BDke^bX{z|b#P(=K&$_r%9rV;@_Ri@?qupxSX
z;m`b-GhL&ATh@H}s2(F56P+Y%P!&@!W~o(8!Dv9;*X%~OJlSK=Z0NjLJVRQCq}-&$
zD*rq>sWzx%+eU<F8BnH!E!z=b5!265uy2n7^2Y*>qPmP7lR38Xv$n=3HABUT6W;RC
zu}uTqz*&x>NXE#xj;j1mHul(5Bfw222r>@Q_JHhMg2(hW(}&8<d0&%g5RNMOB$B>A
za;n*CN-Zx}(+I9U9b&_Ee;8nSg1;8PnPovl1sCGAhb1_B6lj%<vG$NAwAgv%H0iWq
zjc8c5DIQjip`0T2Tr+OGKdfY_s`*sa3{|<APgToO)$^(9S*k5P9%re_dAvwrqo{j*
zGmmDnxM7!o0EgC4*5uN~-;J<&H?yfZU=8&;+^7(`#$p7m*(|npw{Ix5Zr8#+*+5)~
z$n<9j#z$qlE2=^SA0Y8YU3tyD(6o!CCl<WgagJ(`QpRzL#f$I`21Z5$DvG}AY*dBD
z5hRrYLS=|i+BpB=998NJDV0p2lvUF*CaI;bXjj$^>)BFid2AO}xpl)XI_9FLT_ln8
z#4ajR{LWZ4%@%&ag2A5|Q6b8o&ycjx|1;a^Eju_r_klQgE0w<A;G}pZ1)Py|aZ=8^
z@f`9Xpz`<Jyn@+P>hfHN0P7`rZlJuO%6T<JJ#Y&%mb?y;o6UUS8EOAkz(`MmpbhK7
z=`FJv15z6m{YHRxa;)EOX+}sMr?(qj6pKFYC@_xmLxEQAV$j-5KM6tm(yB8kjDkgg
zehS$HT2;$Vh9=3vwUEdTsG`X5Af)WX@Uw0_A9tVx^P=xBXp!{rr(bAO<Ny6PR`nG3
z{Ft^|sOW$G>;I~<4m6D25-R-ou~aElDqOK<Ht5su4QSU1$G&*Dk4&UNFrLn^XTqq=
zL3Q09(<5puxu)}3iZmw6wOc46I%=~*7Yw>mDXv4g@FP+VA2NouKyCBJBy*Y+$inuA
z7D(G|tQL9)4d*pzu`$;iO2~yM%a!#+VarI!o-+aJvm>Dvk^p^%bX6eIjX|dakwgN=
zZfmKCnw6Dje42uKS*IZ5f|64CVaRL9uFg=gm#N(mxqN0ua`wu($|q6{gohs4GJPTe
zV{#qY?AHuyn^^PK3s-sHB=7oDS-quuNj8lhfnK?02a*$FWx#ZNImgx``;s1k$-V3z
zqygROn5ux8X9s#5a;&YF&y-=)@)`SQB~IsR$l0>eW|2rMeF!B>Z`HPprMI*#AFnr-
zjo9ueN^lgr&!1UTSxX3P5}Ep@K@&LY<7qI}j|J@YjX!BuDW#1N+j1qtw-?gJHZHZ1
zLvA&kl)1KS%4gPH-7w{tV{LZm$BbT6o))#T;BYd;&h0FpJWY1i^Y69(l}T!+$g{=l
z5VQ@GB+_Sl45XU@_Wq$4`X~%=AIe%$YzTztN0ATlqJ=ytlgD+OHC$lYFyX*G!e>D&
zKBM+rp>HEb3UsuwY@=Q#{-Wd4h~z;u&#PK{uDVvEWp!i3n!+}kPuP&^nm(wd<Rz9l
ztplYQpeD+lksgI6A{lK=TN7>c`$?9vAFu6a%T}5aqR{SOav6H@3*AG0nm_`Z`dBCU
zbRP~<F)teT890&KXY^;0*|OOP&^A9!NMiXUp&s%Up;&zru2|=R+lHvm9oZW1L$5|6
zm~Dmw)X%Pl1*>tIHKnM@pKIb<U+xPH^T%nAs21CS{VI-iGJDjdp#*z*Na~5TJf-^#
zn|`Ayv}<h!fs~2zEv4X%5vs0iD$c{!2x)-4=|@xN2kfR`nR^e<okhN26F=<Qa$l&a
zGvMT>jfMsp;e?H3h|8Ivp1=;EgkE7b#3t#GH<{LU%-K0&?73h!8|`pR%a4L-e7v;Q
zz>sL^Z=wY;rEOl^J_S#CN>h(bzaY!P7F7z_J4)4VLdJz7NF|`0=!YI8pU?P-95P_x
znei%>_-8XQdr&#lQ=Ab7B;g&@q(&m~35WF<I42J*?)<^nw4bvA6UFT@e=@M>^@vRQ
z^NFos!C4fKNx`^aJT7#HLH8PNPRlmsZR-KaCe%PV3i>$cwQDRE&OuI&w9y;OZZrID
z((&w&`y%a0q7m+bZco>?G%kEzG@Dal$-oJ*BcPVP8{t(8F~R9ecbLj=)3b!TBFmGZ
z%^^>Gx+gwnEC3&%wA7I|B9^A^2SJan&K3BeABXlK_EzvGWeah@hW~ILj~;&9>tW;l
z5#PxyCX2zr?Ra$f7d$w4m?S?w7|v$XN5$fDxjb4{k8uB>2y7`4=>vyN=Enz>+5=pM
zpgnPUUWCE272W>$fUaOwYWVkogYS}zetbZ8J|EB+qU+$t2e_nhpwHqCu#KT>M3mr_
z7SK)sR%Aau;5+V_;;Sf}=<=WbGL1$nB6g-Io?-Zvl5^~wIOT>@!`{(@pZ-$RBzVLm
ze)_nF8@nI(zN7mSANRhmR8f$D3bv}OEW^patTgE$@}DG2mg8;t#|P!+180TL;|I=d
zg+EsKKq*8>L_hr{B?XB^$qm;?cM>{G7%Nn41S?QFs#Z4lfzL+%fRJnuAO*p_;6k4Y
zDDPT38m4mgVpOW5JvlY9j*;Zl$T~)nGou>TD><8uFZ|V*{#-J8pUUGulRt-6^-Zd^
zqu`CX<$d8QM+Az@{@TuVDuguoYtWCJzE9WJtqpkjO3V{YK|@v7*>o#Frnwjo=Lskb
zP5?c$You<iee%*RSDJ?UvM_EeZ{8*4u*$dG=&GPape~sc^r`_II%K6dW7GqESZ<bj
z!QfCX?eH?BgExI?Q10@}o4(JV=>jks_=tm(h!7QzdE-zU9(0?GcE}aU#&v8na>P}h
z)R&Cbk?|Dd{-3^-oxMkCdejM+^vff(t}gx@#o-<8-jCAD)Q3(###b&V3!v+OF(E%?
zkMy78VvBo*i)piEq;9|A`x#TZm4@@(8LkrcaR0i8yLBrknFigkzrtaT<11RKo<>PX
zi6MUpfWI{;0wF#}o92eEVKD1-8qn{mfO{%XC3?yh(|I%wfoLfD_ya4*?-i*!5J9$q
zQw?RRmYkGLt(%b+LCRQ$o9)FOjEqZlCZ=WeqRq<Ep}t1?21gvYZ@8fe2!<5ViSVc8
z0ayQ9npph{XhLN0l~u8hc)c(VcrD|P?k@sB5UwlK@v*bT?K5oIW^bF<juy2(iCbQ9
z>M!E1&!fXvvi8T=|6}t8OilR`9eU=10=cIg6lVPn8OhEQ%XcMok@jo%w$r3-bcP?T
z&wBMQFzYo%ezmz$&?XDzJ)2aG7F^<1n6(n-3IOI-?Fl~<PrG5<9nnQ~s{_1QT(_F$
zXS9SBLpTk3DzDJz9C9ZK$8U9{@cX!mM^`%U=}FuQtp&5`$UC!dw^2X`;hNfhrbF>e
P%k=`9I^BBz&wu=X3k}0-

literal 0
HcmV?d00001

diff --git a/demo/dist/css/tabler-buttons.min.css b/demo/dist/css/tabler-buttons.min.css
new file mode 100644
index 000000000..054d99db8
--- /dev/null
+++ b/demo/dist/css/tabler-buttons.min.css
@@ -0,0 +1,2 @@
+.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#8b929e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#8b929e;border-color:#8b929e;box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#8b929e;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
+/*# sourceMappingURL=tabler-buttons.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-buttons.min.css.map b/demo/dist/css/tabler-buttons.min.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..c8a7c7146abf6e10b2644fca03a7fe2430ca4d5e
GIT binary patch
literal 82018
zcmdsg4R;&Ik?mi>v%GoEiWD*UhW6|`p(rqM6vr!j6UTYkvu6MdNJt<+0U#+VC;$Cb
ze^gIZPxW*Uz$Dxk$25tasj9BNw{CaO2mboieX-pwH|wuncTc|BZSJ<SV)xbS|NGUe
zS7-45-E6lzyIY?9_w;VR->i41#pnGtf2BVD>ck$i-pq^tzS+$0R>kgYy4mb^aLBDW
z^=A2bx!$?co1b{K&F9Nvz2D)f^W|=TrlQ*C(^auOwSm1-5&hT6SL^&n#}B{W<hQrW
z^%eBytMl{8w<kAmE@qb}-<_YIpS-{L&E#bHM*aHp+jo~Ix&H0^*XJjXZ_Y0!=Ad^M
z|9Nf?djIyPb92!9^Iu=8gWyc~IdO+xzbTLX2)}EK@6X>&PJU9yPWTTU#OBTUx4%7U
zYg_F%lMK#!yto{^L7V3n&gA*G&f?_!<my6MySkX1!6`2<E;kq7)_QsO`;(sb0zWb0
z_oelp)vr3<pWlw(o}YY5$x|mKPjC<f3O~{7yNd(z^hxIldjOd{>0Dg?I+~@AI!hlf
zCclF;zP<cIO^(0=<Y=U$g`XI0O^%)$mH=`TO8_c`rTYe0f*dF;UB9Wx6L@KerK=Py
z?NYD=2f@h0PaK_tuw*!Qr)}N6nQQ>=yNk;YZ=+}$=u?24FM%w*i_0v|xk{DzAB3kH
zj;9e+9l%r9<-V*Q?*p~z5l#U--9q6FRzUF55KkXd@br*^CpZZ31V3G$4yjEhPdL((
z2T+iQi_2}iI=$5HU%r{#z$v4P%kgD2PnBv~gQsOmo`42%twXLHmnT!hG3S$ypl5d%
zmuH~DS_(-|JUn4ho(z6-elobY{QR4mJefL<is~XJ)_tveZuQC3am@Lo_gh_`zWg@5
zKHb47P@h)6t;v(A<A~Z=p7u~AXBXeusnff1>h#`ConTgUegd^M4ktJWXa_%!qMa$@
zFx+74)0@c-Bz|*ox&B==O~|3i5>9DfT=w79qzSx0dBVXcBc{a<r%vzRu9TL%xmZqc
zj_IaV@6VwY!u$oZL-447%~dz_#1bbt%2!?0ggK}aBs<`@B1T+zDuf$7Bf7bmd;*Mo
ze0zCahY?eou}rznlh}WLdk>?YCm;iCVc)}(YB&he06(7q8HlpUr|(s_FIV43k%3iX
zas{U-t^0ix8PzFC7#T3B4j}_DiP<69^^k$UtwjcO8<2q@n(V&QQ|0w{Qs)^m++2AB
zr@&<S?03=5V_|l~MPfI|_&EU?P>HbbVPwETfDHKg1js;?O*TJ(NtpWmASH(_x3Er5
zUcT4rp1qGI2P;z<aTpn!Ffss>m>rT`4;cvDT4X@C0T~FQ$*2F&)o=A5Qs)^mmbzvv
zFD5r|%GKM;@%J^I2QN@Cu`;>Nlh|u&#<xyQzEx@hwy^IaGTx~U;b=NnfknZ)+J!h+
zfyI-n88?5>HRJjZ)#SY6lU+>xWCS|}P&2;#XEZr=HRD^S7~g6&p*4fFsZvgAhHf!?
z8T24B+_lJnGilA({HSZjhaan*r`90^S2I4sDNr+pKh$&{yZ|yPHG{-%knvMO%>Y}q
z$k0k^5&}P;pk`qGnSA^c^c1G8KUI_CO<UbecK{nlFw_0~Q%!QrJOlApMjWmgu>BBH
z6R1|09l|@WW?)IHMTSumhw+;~YK&k1QR+Oa8E$`S38%msuwS?LVmgnS<vLGdH^_Kq
zGf=aj!8$)#=6VJ?{<D-ErY5ci_x`MF@co}_kOB6e;|$aw1MB?c<Ij4@arP&v^9&ho
z26_djzznqer<%?iWW3bk4?mH}6=XccJVUDq^4z&PNKL>Bs0k|5<Z7<x8N*pMIi;Gs
zQ#Bn)IqA&wJYzqrNe*}cWFY>^h{HAGA2QE?u!!(XmQ#)KabE2_tw_*$H_vzpOoDkv
zmPb2}_;a1FAfrf76G$P}OL3l|)ufu|LpF;5(0~k_0Zd*lVDSpoaUms#)eNkTlQx_J
zo8Q|-O>zuvP=H)=-i48I7giI<F=mHkmyR6_Hywz`sugDdldD2+=M3jk=UL6z=o#qd
zVlo0I-Mqd0GOy`8&<<#U0^~YRVmE5?%#dMbpbi-$n71fsbeHiBe20xkbrOK%c3HQD
zZxZzE&|&I^L&wW2=nL%j^{>PP$oLqjlK>!}uj&$D3TGT4?-Odr%#kBpI%aC^I&(-2
zNJ{;cLMT5_I0|K{m<(3X&C#37Y$fJ~6%MRhlLvK@+9F%k<pvH1_Ee|N;nD&7r=f``
zpgCST5b`QN!O~%-8@LZQ8GV4hz*U>>2QdK*99WtrJ#`Z7i{5{zOMt1JD8z2iD&^xx
z2^`<M1?=}~0b984hrwZn)cH9G97a_D`+yFhOAr1&dHLq@%SOx&g9m1Ra;Hv$g0tGh
zvjYSIPw*2bWJFoMS4hcK`}cYU3zs1rJV=|G?Z9v%Jamge9X$w?1;@M=9#GQYP%LSa
z0sO6&T-l9~0BRqCa0REMPJ)87zo|=rDW13@atR>u8+Cb#8L6IkRC9g!yaR%Vae<_C
zw$NAD`ue;T66CF8kqVQYIteaqec09|$nXcNj!O_h2$?!)g#0sRrM+9|3vB*>xfK(D
z5Z2rFZeH3}C&9#Yds~+Pqb^u=TmmWu<eAMsObv16pbflJ<=`GJk=uJ=s06SY;^rTp
z)JZV^xW21PkU<EN)g`C~A^(usDU2J`kg^;=D)iOHotOZI5H~-4R42jw<91h<0E3YD
z{Ns7okjKx^SEwQT&tifYLR<~msFR?EoITVf=$Y0K2n!J6c5mAE&=;s7_wqe93?Z(D
zJgAePhOF=738=3j-OKZnKV1AidQBFl1*o#&SqRP@N;V#@GB|mhJb+BXLhN!2x3<M<
z2+I8AMx6vxyYZKJf>6)OsA-LI1Mqeazrt-JpWe#XWuX*dhDenrGDRmB%2#BX>d^iO
zzbUluAH@W?0M%sZrQPJ3+^Lh`c97L$JOPMBmjDv~&u<k%eojCL)FbSF7$I<wH|IM9
zA!Zqa<2JeLLSLbV+;+tT$u;DoItj8m?9?U5EM!vWAqpWd4+$XzFo_u=8TJqY2SJA5
zXB|QyAX-BnGUyA`kZmR=fFZ=ykexaSYRHEyo`84_dEN-wK?f8<)(JPoI^HeSNq~@k
zKc1jxhY(L??qGJM5OUjVfRIn>BtXb@uPy;bX5$EXW-0?C23sLcWj>8nU!h)(#RRb$
z;#B5JouoDpMs*1SPp}z+)yfswz)bZYrZNx~)DVaE-4OZ$XkQP-1h5+7RA!@20+l%%
z#1jx#nI98W=AX0~vVnQF+6?&sH_OK+AuxM~3Jw$gmuHY2Sp8&Yb=fiesS0Cw5(1kc
zA&CKKVt`?ZLHyQA4B!>uf$OWuCm3_J8M1;qO@#z7c(~QijXDW7L&oE}1b`>t2h~0Q
zR?cTR34w8=m*;LiKn_4+u0P-aFoLrJ;z&0FHCCkivW(va{@f*Ia}9j~iTQ9XCV(Nt
zO+r4ZlR#pISMdbICFYq;LOg_ggp1Y+A!jQwK{7%HD>w-d@_7|c(6d8`sUcYSCpU1X
zk3z^bJWCU+Ar2u+brK+?|Di4criR23@>7Duz?{Iv7kqLHCk~~YAF_}!2*KJvS>8fl
z;l7|TT%;5d#1P^ta}V~7RAs(TczO%`fi%HSVauJYL-bM?ZVd{l4Ad_SFsw3I<Z4w0
zx(+IXwSV$)4Sj+8-_GFPVj%(0n5z!x4OQIvnp~-qUcxNwrVb(C2~-9*8C?QM{6=M-
z*)-K41kpCR+Cg7onmXKy31SFAnTLIPI0>ey`)yr<z|(V_rb1YBn!5Z1eSvy7z7-Py
zjU_^0_5oml3Cl~xE10HcxA6pEwfdimke7GRS3pSrPE3%DkhVGr5VF0CCkRR{WEFlU
z)R2G1cG;C$K><RBJ23&!C?I5{cm)XgvWq7mj*wDi$n(MP+*Mt;M-0k5siEmA^ZpQ(
zfq4PURGrF<K0{wYWxAg+L8J(Jm+hR&JgSpGWo|#$B?vr04FSq>l_B=^q*xEYyNb$?
zHhUWz21usT^dM3gYE=fpqAK(99{K_*)4xaia)2rbr!oU|5~$4Q`*;E>DnsIbmMUWq
z;#6kPhQ2}#$=aA8(g6=4PGug{Nl-)9?RbKoT@5h^!70mR^ay={8q$3f69A1u4e6<q
zpoZK(#uE^)Aw|MW6{2?W1#1W#1Z;$#u3jHrL)_LzuM2&Jt&J~T7XaO_U@C)bfPH#6
z2`=oey72^I;VGl0_T2#J8Uhz~Lo-!a5nzCX<N8-Sf>0RfvLSL&#%*m3GKc}THnI%u
zGm5wXRSj_$c01}MxUjoVc<37ok4pfF-_(#&Wx|hA5|s&GltJD*S4Z4F<W#0JfWCst
zd>)7iVhF*(p6t{~pfVo@bqFyt)r!i<15i;JI`}X+Pq&saGgY^i>Ghy5>RFzim;h)j
zYX}bZq^(W@mD%><2|!-CVXGkId9P*KW9TcW%>7tQ5JQMlnNR8@P?_s-JVDP+Weh@`
z%5;X%7qz!D6cYfAB|_X<=24vlDswxGCm^me&kP|jV)UZS;}tv#4G7s^#ow#p5VBDx
z0Yc8s>JkK=p5tm4$|srBPTDUGLhfHSK*)nS2@tY=S(gCt1PQ1?2)vfbzQyTcv);p-
zlhn(cezjb*zAo14jY+3h*PGoQUz^nW>tEKb)~||ucHR2=zF5yU+mqJUv(0L=Z7tWW
zulLu*O>wIK-kD=ttyk0i+FE(>S9{Xmun~+c*R$2#yl9y>Go9Y&+hxAqe*-UtTJLW2
zErfK^Vt*Ka=(qgui^XD5{$-B(<-e(bTdlvT|G*FU|6kU$d%MkSnXg#L;qD0s+x|7_
z8IPYtXhPNb+T86|%XM*@Vi%9a%mwYs8PKojk`kcajfMHtqbrOn#HS8R7|&o-a<3y+
z8}}J-es<P+qhCwbvYFcbWqo$0{%uY2-E#HVy1l!(ZGq|5yjbLSt9@&?e}uP`owV{@
z>!Db!)PG-JZ{QVZC#~0u&Fl`EUgxv@^1e9HcJlSS1#cWv#F@7?w|jU|+OD+#a^!Hb
zef5||pnlPr4|$b|uc!I!<JER^x1NJZ_4j5w2Y>o^Jpiv;`ah?S%TM2sqkm}*(b1ij
zMqan(`SxS6riY%ihOhen!cWj%$ic>ID{J%PsuB1Otyz<mXdtD1JRuZFrwrL1T8#y5
zxD@{KFY8~LQezJ`DAYy46&`$N-0Ad+X2}rKq~FlvHI4>9f4cd6y1UNjn+G@@YF+ua
zGNA_U7X~y~^e`5aI{lX|Q*um|6x*Y{*z93Cf%*tt?38x{RUOGI{rf*Ul2!{yc7DHE
z&Rcgoc*$PN;D5IPTD4~Rx^<iHb}iu3escqSfnQoCqpjQR=C;_b9#!y4EJ|TA2RNB&
zwaUD!fno!3(rW8}^vBx%>BDlqziw@>rujDz%r~w)S-!P0#gNvkzN^n5d#hc6nd9z`
zx32o<#>?PX6Z#jg$RDqE*PDmd|7rc=)g00SfLovLH&<6H7ZoClG6ccmNa4U-p^HOd
znPnsg&2wpKd6QoiuUqTQy7)IW#6J`_P#s$^4QSzsy8NjRZnwp5SIp0hS17IdzA&Q-
z{Z@nP!5O1NJez|on9E^!8eqxLQsrDj#>Ik6Z~d=-*S#*|;DC_NdIA^%N_-%4&qqU1
z<4}!<9u|j5lr@V={1X#^$fMP)R3Qhs@*{+$9^SGYM_UC@0_x(&A041}Ehqv2sK@`k
zEm~%hIycy$)dArb$1TAibXNEGS4^J$xrREymW%S&Q(b+THtSS`<&c_i_)=OA)k~jh
z1l=~-{ObQ0>Bn;%8|%c*<CZo9BcS3Bh?DW8dxb;gJh|bj#DItLQN_c`!F8|-N)xT-
zb(qG&jg{J2HctO(Mbyi<p8|ur|BtJgKQ6kW9A3Iab0&!};zT>KFdbE=$a+&F8eC{x
zK}E7lh~4r_0qX}|Db$DGe0`hG=P<`PeT2mm{{9($U%&$UR2>4pTXd+m72oab6xALJ
z^vAOv%U?h1INbcu+4`n5Yi24C;&=J_4i+4bu#B0lU<KXUZ`3^MehI5=m}{x^%U1mk
zA1h&=ZZ{9RVvCC&l}+b|#R=0}!)p^ZsF`vJi7|_-U*o%%$qEO{u%27%lA;r_EzA-J
zrVe+jmF<6R`PPlFlCmeF?11)Fs}fc>1vz$rovuL2(9TIqEwl6ODF*sYHfqm{s}nUt
zRsEemLg)~)jor)&&0jb(WG=SFZISQQl<3s_YAYf;NP*yWD=ThbWqG&X*h4D9UUm&7
z;h1P!CZ1D+B$Ri~$kL-L@ntdz34XKLF24Yr^Ock3lh$GjllN7z*ehUdmsi(&x4ypE
zLQ;xdYyYq@t5=x*ZEj)p470%P9zZz<C7++PrjM=NZ82Le9@Qctx5ujH+s$sNmeYDV
zsrR3BVA{?r$3q;&Qy4pK+I0h39#4nuHVh?r;vbLn$L4rgY|LQG>2<69FZNLPN!EtN
zumK*)lf{$|BTNApA%Wl@)+P<c#AO={w1^jk6&XV;NPjH0`{k@U5|Cgu5Yr93iT&oE
zHxiG}U?fZq{?0>TrNBXOzT6hDHMCjhtL7<y67;&&>%)JN5%;w&TNG^+UWthEJMsB+
zf4wbmOV{tmbaki1>}FXK>h^AXyK>uxr;6sUTYX0+O<JgC+hU&FF_}u#uPx8oTT-WK
zbp{^!y?%TKz4ivu<@l-lszh5Mbh%!`*CXKgka7vjAHM+#W^nY3y;4tS%k4}9f;fON
zB36UYjEoX|Z^ZJpnA@$J*Jdy0>xb**9`N@n>%;cV*ZCTDM;bFpp9N<diRtt~3doGG
zRr$c++Z;`QANptdAE>UI`4hQHa=Qgh**+Sju><m=(;iG`Jv~z(vS3?DaOMcM{GzR9
zQD1c?ZcwTVDt2yC^+_Xw$qn;}Z9#8l)kiN4*-newlSjv4)(O=WW&2fUTih7nbUP=o
z+dYII;{nWU)p9ZzzFk^M@sm|2?$%Ya9ofE9{e7C$v#W15#rA>)UcV5cGkqYt#$d+o
zJPJp9Tao58GCy~_<1nW({~VZgx3ZJ+j*aM8;0>FC2bkj{+2_t*)+7VFVzybs<rR;r
zqv^OaE}ovM&fNiIB{BJ3d|}%vXfOR$>FU}JAZ$V`DTK|sV<2k}$eQ&>A;!8m@iHC7
zj%$?m*rjnkmbVE#H>1FK>%t5(*BxSe660=p{88*}I0VR1Q0MZV01^sbIQ^>`exxwZ
zT4lLUDT=sJ+o(8~q3tTWoWgfA_yQ}tNsJEr#WZiX{|*E;&JLh2iKs$f+g7Eo^(K(l
zv>ZU)gg9^r@JfkP^~XIR?MTUNkheB?L1}k3`g*0sqda{3@(@$ngbquLWzh>ti_xVi
zEgtRlrJ2&E=Uk?#%{n&viR6iTT9Pi;i;eMz4DI#ve9?J&hAK}7(36Byp{H%D&{Mmr
za#MYL05KCHNFnAxN$L<-+3CS_Se^vyzy)6F$m>a|5Ajg!11ZMHgq{kFBtZ*wB%#NY
zQ|dx9A|~e;smA2e_zx&0&&|`4@FCx>)uyZ#XXN1`pSIimr{|${b^sMgL=`I9wh9%|
zTa}Hr<p4q^#F0YCP9Mma4M8gVAwFXC0wpp0dRF35M-nrk#{w~V^a3|AI@5<3J@II-
zFU=U*An77UT@V49@=QG~P3N$81=sRCmi7kyzr)^<@pTYMT|fd!bz6m`)>)OKrr{up
zMx#iksM5?4%xY!Hw6O~ewZYdD)E?wvx~Xt3@@RJjezMR7da@40*eQ490CFa!TjVB&
z5Tqte($i9Nr7nqj%<M0Qi|Nzrr*?G+G0S+W#58RcVj5pnUh2;ep=CUVBwF@BF*`lj
z(CzfI5HU^c0xwPQ^|Um{L|EDF_u754Qh|(C0QF)K@2$W}8n-}78hwnDVlNs}GCkEI
zCv6BJO0o=9GDx>~5EseYKkD9i&PXy|)zR{O@v9!RwZanR=>S5Ka4LkfZL+H>A5{bg
z&@mwbOncpyPrrN88h}8Kg6m41A%TiI?s_KbLn1_stt%7yDG-qaE%1<p9;2bug=Q>F
z%&^En<2^t?o|&g2;3A(D)6K@C9~q@8{a$pZ{qcBY<dR=-v@L`SXg^3gaHTDYWx3n#
zjfXRA=e|1gUU%4~R|lOh$~yco$hl(!NTJ;bu8d@v+HM_y68f`K43S?P!B2x%Mce^L
zQqCq4`$4Pri_W-P404-fdpQLCO4mWKEqVdO9q0w$jBJT{^~hHG4p5E2UxsB#fT|pr
zHbnt@i34w3N4K8RmA1H!A<YPxd`mK^2tAL9-i~&~CncBP$VpazrN0lGoFlc-*%!3P
zH_WNww+1OvInYC!8H$#<!SQt~dc~iome(Uz`$EYx0?IV15+ggtu##Q(ubkj@su_iv
z4THy|YA69l@x;}N7h%r+VY!F9o;YC$IR$OX=6QyfB>4E)7D6X$US<(-BeJMHAI;|h
zX==|#{dt>86S|`0v7d3yxGi1nAC<3?uonsLv7pz@2L~`8%!Yc2CTyEv)NDG4VTa~|
z*zTdSDb;Kau@g*{+S6eHcVU^Kv{d7<GKOJ9F=F9yUgXXAl$KGCN6vGAJ~1#7)K>(F
z;NBA?>y^`snDX?981l-SH6#;>7!--b+hd%?ii0jGp}aOuta>r(C?Oia28DRV%`+^E
z5sqPq7oL%0Z(>PKTVSjh8O)s^euV6h8X>}-AH|zyBjEAJj~tu*qQjF`sjB|g0p6ps
z*|>*$h59V0(0tY_dYQCBvMoe~uC#TTJ2BqR+ueR=fGWYcGaGa}9W0XOP9NimQpPyv
zOcA;$5;ws)R_{6q>U2PUvNrrs_eS_@BbyydDtpJ0?niLaXZz%#(T74TwKjd&1ExRI
zX=l;taQ$I{GWoIb#MmT<-AsIva*5=?3)&`|_-WHT5vW(Bhk)Ia9@AN_Jj9ZxJj9My
z&1}~7^Ra&9#GZ`blB9K!%N{9-u=>~$)J+&nM0PrG!D<Mb0|S7+4}ES{79H!-(nEn&
zTq@YZj-&)nD6ckbh~$(p0&vA)-LT}T5gfTYO{tQedgO*>3?G<R*os4r^^>P7Rcs!?
z`rXvNN&-!hVkM}}V$p{GNor$Th}u~52g=RZIjS&bHq&i_D@qmX{y@QryT@`}D>!{1
zTNg;D{`E<R`C)>CQHN-T?ML#<rV#tUCC7|0Tk`N&ndV?bjB^5`@Hj8>hEz&PD6+(I
z$T>c6#X~S(fg(Y@Cp*?F*BxTY(;Z^SD{0nHh(?qq72?A#6K&^pH13kp2`dq1vx)Sm
zL4y*g{_j0y<5`uJ2VI6Z;Tbu0xs#l;z(6q~aPi?iiK`DDe>`W>((f^+lGq@FD9S1*
z46JqTmp6rXmv6oJWI1fc<dXQ<7NQ8+c!)E~4X$J=(Y}CZ9E#Z#+c{^l&bU8a(Cs$k
zh%!Zga+vHSxW<xQCp!Ze?My9kI$hx!kcrrm$>7t39O9R0^)Tp9LCDaFQ(&7p44)}Z
z)*j8KxPG*(qERxvp|OS;B*xrKYf`f45ypBA(j)@B65kb}Aqe+`M*HM4(}XC<acxE>
z3^6AUZCc!3xik(baabsvK#{eLdL(QF`^%lKu&!rjWrZ>07Q#O>aICuUWO~)bB$Ca%
zm~$IF;{!V&dNGtA?QyypKROMv?(xKnBET1(s!E{_$jW@XoKE3&oSYJ*JPFI1BJa&c
zV@X+T3sDxdFLQ<X5xG(fI{DDu9ma>h=x4=XO2x(bqBOw|IYWf?+o1tqjjodztt?qv
zUDMICJ8xcxF><=$r@{R+cYp`Xreb3=i5+2LGoNMopwD;I(67WVY>QIM9q0w$kX1^u
z6B6q&s&pP8Qxupb1uEi0NZ^SNy5(eRLMJQ*Xi26Ou_&WDEqYIaoKH$GKOj!Ch!83L
zQO|B<(!|TR%*o-m21!ym(8F6}vZUrNl)ah-4`w(@o>-@vlBm%*cwDN+65vz>l>vde
zTJEp!rkpW^oq{}NqimQBC3&(fM4pUwnMK5l$f9;n{Ufe?rYq22Doxf8WsdoX^CeZ5
zqOP%)*NKw4!9=|oKzuuZ&N`=@4LCIKv(3lR%Onn?r%FUqYN=(DDiDf=YUh8(DBFdX
zLvBW%ge-c5L9YRt#9&9@U6CFFa8G)SQ%)md$=hEecDyoX?8t;6_C&()c0QYndZg6B
zl4CQeo3M^YBu6jv)zT-tyJov+an84-tj7=syugm*!i(g5$zvq&!i$d`A@IXH-0My=
zo^;YP@A1WtBETD-t<?3;at*H^gtvL!aB2_|3JO#7;Gq?>C*~2ywh)DJ4rI;{M<QqD
zMYib4BJ*P2&59noo2_(4>Eb>;Ol%TDz=B;THy!l`sj*rDWgtBM*0zh0YmWOkIKL~8
z@ZgCBAyrdtHnA&IdtS^&*{nO~t03oCS_Zks=v1ye(u=<#y%MwQaf^5l&?*K{!i9<)
z5jJ>o<ot5l5o1weVOemdWP%ZsBEfh&7bOzES7J-2lxUTZIN>7F)KRw^K$RTV+;UL*
z73Ik_2kBA`(Su!6+9c;Mm_epOTyFjTgr{=Rel?_1v%&CKB?J>-7tda*Xx%R1tEk}X
zBK)UiHCN5Tr(){Gbl!$4CM}C>3lS~nK;~4eCX7ezfn9-BYQks+ZMdPN?|v(tQ7*Yp
zIfqiKc|r(S>FY!*8-rG<$2SMUvk)#su37HmAPLJOjwGK=CiaAB7QBSCpW$OzmVC~!
zq*<;ps#)ccUi{5SmY7_RT*P^RR55rGCRE@_xZp{a^UEcR81p2HnDT0$GbPiDm=q<8
zw{yu#aY|{1rOJiG=~gdUnR-kJR7(|0e?nI=%t=yd4w9vMqzAgDij|zc;HcFoR+&e3
zkYOm>e2Dg|A(<MDg~ur&mH@YS@+vA5*u=YU^cd@)JL=}*W30A?DAj%Vsc|R+xH(se
z^F_ZiY>&Ix&N<YZ5AqSavIJfzY3{=hiXZC~OL?s*bwG?V{pO>Q@ahH#mQ4;JTKl&$
z&M*i~N0Q0r3d3d!)Ef_aBkyi(7o4Ba7+tENHsnV%X&xt(!vG0l0z&{?5f}ntPhfnK
z5G$Ut5F1{N3ekbs5+#MVb2`*|qqM*(0-4hvV_~ir5jDfgx`5+sP$MG_H{Pwj;41`f
z63&qzPtHztG#IS;;>Lw;sZgU43XA+3?V5o<Imd|jYL>AD2NfscJU5j>8xVx8|4vy#
zDPhBHvB>+O8>w{*Q3Nn8PpgOvkpuHFOsCD=+7;H$W}_aod2T59!7WEUCg=&=Vs)((
zg^s$hAR7Xiq`Rk8QY=pl2vxWt;;1$cZvLppI%V^Pfiqc{E`}=4CYP2mWqeE*$|%De
z5u$BIj(Fw}`<4~j<AKsZkX!+oZBvQyqyapd5hy{GP6(`nU?fBgXG|nUV$5FgQ|>51
zNEn<b_3~gwM?Z!WUSud=4BpgP2<G&dBjKK$At6U5ykM$WbB#nm3VhNYLW6`vdu(87
z46>pYVF8g?td_Hnjb1X)ZV$Tl*?(`!WLro9H`YUpPz4TG2Nh9!0b47bY2fkBcDpyr
z$5bk;CrSqM5$8e4?W3Jz-K`T0B@>yN6zgXb{pGujnUTr{9paO1K9Wi{eb@u09MCox
z&$x21KpBfzxVA+gkQ{b1?j+^X;|=-^QYMB12la}O5U_hfVw`d<X+jz#yRjpahu9P4
zgtzmx28rA&mDVFA5f6rwsa{mzj(;^J?x?3cedKeivaHy#3o(J4@XK=3xm0q#<cu)^
z;VTf<jW9#%yVHy*4KnZX#g8Ju8=kF7=?+NEbh)42%{~^5uBa##n2A?ZYzt8v=RoF+
z;(EQ{^tyRaaJt2q2~O#Z(#3tsnUXF$(Gaj`M`fq2HjOjkl8TFw^Ui%7T(gu%9IZb(
zo7fdkf4ZZQr$5fIjo8x25Y08(xWgPPkM!biMlUTy3EB0yMZ5=S6$hx}f*?n_O<31B
zzrG?lW0h%~Gv!q~XG$g*;c7sXoXfiSgH9>Yuu{2@IN_qwq}~DAX~UfWA!%}kIZLX3
zV*=$29j{S|=?f;XMyARr*+Ifwu9|_P*aTwLU@SaN39$sY6~Sgevi3PVw$o^JM86}E
zPrGaj(JNzJ=2EN{Wbo$1JaBC#8~3~LiqfhlN+9E$vnExh5}adguahaY4u*#?6%mEo
zacp)hy-cmQL5C=3n>{=>oeSFZVGo!(Wy2o4`i`%TSfEUrSh!(blEZE$N=do&*n@rp
zl!-x*K)q7V3D~{Wk#Wkkh*<Kph}iL}nz193hu9N^h_}aRibckHq$J`^oJ{o+RR2|<
z+^(!ZcJxAA;3kgMp5%<lqr^0Yua8(a!W^mZPBX4F%Du-KKaK!*c)pTXNbp_OoEe0J
z!X+ExCCVH1J=ro_h!2r13DurRjrK!1qCVivcvdo_<7FbF0}jzjH~xbKhJ<JdVpl#Y
zvy588bWIAl8C~k7MF;1R#P|$QBL+7D>ISl+Typ9VJ5h2Vt956@_o)$UB1w3As-$Rt
zlq@t5PMW8X6YY*+o%su4o*i@~_LKAE2?+_Eae&1Z;{rR_>qs+Bq)CVl+T#X~A;1xy
zrBwM?uIJ0EM(?i~^oPCKT)JP`wvfVZtRE&Jy-`26-yC1zba&CuW*J?rSWlD}<|EFC
zR2fNdj&uFG)k>zGuF_9YcQWD0HXAf!myJ5aE8FY=vFUQf<`28TmMh(9Z$2IJ<q8Xw
zafyX%TLeXs!*0f(v}AhJLB|2o#Ds-_y#hi4cW=F7oN{R)mON=8cDw>+?8x*X_C#^v
z?Oa@<9x08m_}EP9Cd6C4z+`Q8_gDrm5)c>b+_1c0u}(v5;3ke;uq3BU9ww$Fe8IxH
z5oSq!cN(&#QSv?3_<;o2!xNS&Ik$J)+h#Ae$@~36er1|%A(CUP%bba^ecb8Jion&J
z(M&znNhQa6qFgZ_9VR&m&aqzCN{+hKEX&k|9O>;HHfSa}HtG<`Z1a(lWAleyV3IR}
zcXAj0BQY8!(#0DVZkSAR*bPaPluVC2=r}-{7zhd2E0ROt?n#bu$|Z+b@+61Y@oJf|
zBh!c26D5bYbIFN%q%^|vV>8)Aa@4}pyfd)oI*silBZ22LL<aA$BT12*F?p0skd^{m
zact_?5yHHzzB>)c(j@mDXZ$z<+~N637M$g}(Q__~!C*d~N-G@OLgfZ*%WR4999|zV
zhNm#Zg1G2*=R^D!F?<-4KkEVyG<mo4r><=h9Ai**LZiQ<)I1=dzSh>iCaU7&b2=Sy
zh*!GtNH*E5Vem|17M*SeZ>%#TXW2wTWE>)a+Rp{%NC7wFOG*Mgni!`6azp`F!nz_X
z1lYc?RLN7?@nnTq@e5X%CZ#n|R0tXCqL%!Ll2V~f{TimzQ}01*t2veQhCo-hDrl!I
z!MkJFLC2z>C6cQz8yG27OeZ`gQ5j?H0vqZ&(v%hH3HR8+g9x#Nr72ZHw#A&!tq9qK
zi!9_j%YBNNZ!;$f0;UfXkTGm3g#=`r_27GMJU5gO;P$X}$|CL-D{!rRsBgC(t9zX@
zK|NGbtW+2@s&GTvq1uimkI5GX&ZT1nFKEEWPAz%L_?U8(QHF&>h_)d^qM7q}p*@D^
zpn;6DkP01M5F}U2Z;543G{B=r7jvk}Z<G*7V=xjRMrllz4A$;d!ZK#B4k~w)AS4V<
zl!#!c=YQ3NXjHQRQN9?wsk0Ew=`qK`JvBo@j!byLRI%n7rGOOpq-{!r#6){+U}+4o
zg5{^eiol&;n{B?n@~$XGbOMTLM_y@|7E-{C^#CJcEM5$Yb{|>pF=9A`SCUYvu$~wh
zbk{f!lGht?=U8{^1w-BXrQY|VzJAkRZrGSPsZ7v8KAGlYsbtcJJz&aFz)P}SYLQCX
ztF*6Wx)7ggiD5V8PC_ny-dMjO%0waPpkCF066~Ikn4EZ8(u6d3`_*z?oLYE@m+2R!
zJy}jzyGNcfavWdok&%csaWch3MU9tQiu8obh*;4?4sf4AF7U&S<wR=6<eV`H;fs+}
zj?{MN5UwQV-sg-LN02*|8>w>hSgcl?2cH{?hGy%kVh1L3Q@E$uw0bx;EktgN^~2<5
z-X9MFZ(xR3Hjd`dR`o=gVw`h^q{>Z#b1c^Na-%L@j$nZzQO;(E$&C#<L^0cZB(-e%
zum?<Trs`z~m|9CM7ATvvv2bmRG0R>>BZu9TLJ7I_sDplklyN|pi*^b1s@#-d_vFSn
z^(a+Zsw`bJod}e%5*s@K@|5<DiQFrl)*~em4~CN|CO0s(&W0d2(oD<NH0zO3z;hX*
zf_K=Flps~DZm3)EKfRUCy^Aw3*2VaYj34fGrzus^Q|~c`_bdF8q<Z`X);3q$qF8&x
zC}(`a7FfTS<}mkF6~&{CZ6UPL#sh3AorrAdO~>j5Fk(II^+rQC{nkTo98r?!PdGPH
zg(kr@hE*pt`dWQ92C_*nh%pf}l9`Z0+%l~m2F<{=TFG5AnZxjz%5;mN8dx)YmQplI
zCNebEu*QfnH{(r87CpXLuLlYY!FL_PJ%Q0aIgN;+C{d8&+KfyXVooFsZ|Ac>+eVnl
z9a7@37EYjgaZy+2vk|}@3SDItZ!4+kA45I&7eYTj>PQwOr^*u+8a-nJkIwWV%nE+A
z*OzAONYA;)5if=SS9qc->yCh=?2CNGsi13paP`ue&ZblGi!*Ht!L70_^Mm*h`O)d+
z)3Ld|xx(vCC(q#Jl)fKI3+0%zA+_cvIL3NhCnsuitdptvwvrT|U^*|1S32Mjophsz
zyrx=WlZLS~E$Ot!gAv~6U|B>$WaJ@%hB+ez+>9y-`SUnpd<Liyg<A>gD%?z)f}1BJ
z$|a{x6LKJ_l@*yJ#F|W!w5YwhsQpp0&_Fn8>Lo<2$UFL5`?QXD-`Yp5%2!$Rh=nju
zPxr4-G{$~vo}^4Mec($M(t$7+>N?Vl6Akk1af8PY;79~*0r{9c=8YC4*)Z=+#kUvR
z7E;!gZJ8M{K4;w#yk1vck7VG8zrR@fp^Q);a3-Y6M}lK4!FBSXzI05l{NaiAs(k2p
znSAJgLsZg@N6Lpy8ph7#BWn-aL;N0VOCb`XrG}vn2{cR@Dd1*QNywi^5#uvJjVRno
zP*>!Gz}k}!<&w)s6LKJ@l@*yJ#F{7{yq&K>NYq|Y)cz=0Xds+4_41*<WK3U3%<8Vu
zYj+Im%wGue?4V<@pEkOcoh=eN;{c1zbRf(HcCgoxW}Ik{Z;u;1h5$!6no?IE57*1R
zcdfqLhp!JaH&h85T7-(;I^DJq{m{l`ZV)FTH;S41M;4G`p#Guj595fELVv>9fD-Zq
zuCWZ)Nr--LWk-Flc1OLa#b1J$kQuQ|%ppdZRu6&xOf1?rlRAu_$;f=6{^2`XG)l%H
z8f%z5V$2O$(@`tANE$u9ShoS9#BxLsUJ(<5aZgONPp&4!P?Rc2acxGX3^6BChPQJ$
zA#r<hVjNQHuuwRKB7&lB4c0G2)<1m2GrRJN#0*@B0n9*bP4YyeToDzMFQyuNQ9}C=
zW=3sa8Zx9w+C8RtVFVb%k(DYf@U@kXVM0`_yvU1bcPhTG(zXy~QMM0b$#^`5D`m2<
zj636T&c6Ih`=R7eA8<~ftVELZBEd11<vLl>d&b#VT^>`n4f`b10W($65r-(H8zY($
z?U>0L2G2BQG=-dcnnFUf{4fL}frfb_1>B4-DGBsgVw@gE4hrjvoDg7pa-v*v@-(3b
z(pp)OX+o@tV#3?Gn2@MFG12}gU1%VjHuX{hFN;$PaP_>2y7$CKIW;RQi5{{L>gnk*
z9f_eoIZ;xoYGj0TAk2okjx=ONgM@qR;6Vgf!qZeK{(;Rcm4wrIzHRi}Vt+9h4TrkI
zd($r4;^~NXAhRSk_`Rav9|WE~>5Y1eK0YsDFT2~`*a0oeo(_TYBUM%sLcq#gD=X?-
zkF(AYesqP^iW>;dHurJxp_KB7BUQ$x6Z^tcrq}I_``#U2&asU+kaNaBW1QXh<;?hX
zq9MIf)9Z1IxDOC322sL>iu@2h2=XHkj~I(mi<X5NiV>5d5b<^{L?nKpx*De;H4-RS
zFG*@6I8(1Z7QZ08+FL6=d~r~YXNoqN7>^`Qasq=XWE`pQk7b!aq)LL0BUIDT@OULe
z6W|w5U#f8BU+%Wvwi+R-u&vhX=lQ~Jx^a-(79v{O_+f(8$;SC2aGzM#ANLBJt82kB
zjwpllCx;1Df@>`9bwV{(5;am+K6}EGWhP=qJri<>Zl?7}irLIz_)MF!_NXYl_lVIb
znJ&>-!&DMuZl*^mS@bAly#{DP&@Gm6g71n95rlg(q<!*b5HaLQ5HaJGGHpgC3^8|1
z+@eED94t5{i@L@1OJ$=D?*lb2Qx8&hdcqe{FtdDa#+rijGk(;OJmAT!DPv-~YGlS_
zjU7-UG3IEmFU|PTB<mheyo?6;!c&zhE34&ABUKqr=bf(jq>F7Ks-kSm9EovzFrJP&
zV|hz$(9P!^EPq;5v>!?h^}%71lHeF?avjAoePc%k!lHD=-)qqEGDXn=hXh48de}pz
zr>^O2(lB<WC;fTe?RaY)5+aim5@=XWq=1`|B_V$vM~u$^HDYihpsq*>fwd<k$|YA4
zV#iYwV#TXe%8E=9Voekh-p*@d#2+OKRu`SY1~QVVtIr+vj)}g2acWgo5$!L8d3w4(
zt#69`<UC0u!xVzAR7eNHT&U|vLr$dU+v5h0A;1xyrBwN7x|2q(p?M6kEkr()ZJ8M{
zK6eJ4qC1u41HOf8)Md9CYd@3`>Vw1NBf&A2;5zwGqA`YlVWwYI4;?O34;^oaNxJb!
z^{_d^(3yH<vyOVxf*Ci<AQGZwhG7l~G|U(&;ATvTr_UpZaTy>+3~U6_74aaT_QXTE
z<l;f>M5%#{R#s$+5No1%@OCa9Bx<iDYJZd}G!Rai`Zb7>i~+2+)wfOg(<5qAmJU5$
zA;8nqkCl$(EJ=B)kq**<FcIoH(u@$v+4gwBBM9(==O`*1XaD-5wcFfnXT^8<ExdN`
l>JLBs?%&P#&YVu~_WR9x_i6@T?R=Bpw*K|(tN;4j{{!9Mq^SS^

literal 0
HcmV?d00001

diff --git a/demo/dist/css/tabler-flags.css.map b/demo/dist/css/tabler-flags.css.map
index e13879269e210a3ffb2b3a0a2671dae35ed73333..cd7fb4475d97b1fbbd27b186f434801a4cd057a4 100644
GIT binary patch
delta 309
zcmaDqpK0kLrVT!le8nNYI<Ah6j@H(WE)^k@>m<eaN|A)Bz(P#rA)BX3R)tUgT9_)M
zl9*hQS(d7sly0R^l%ABRp^}tSnyRCqXJDo|nX%ApGE=+QWbeXNn`4WLIKx#Eb5e^+
zfQof<Qp-|vtQ2%D6ckfZ(-KQ_N~~k@VAA<TDXB$pC1zNZB<JVk!&O*pK3sjBW%G=N
zUPeBZl%o8Cl>G8M-JHz4?8&#ARVFWM<P$}5CBns%#hY@(b25udih)*xXx;Rp{L%v5
n%#zgH$sLVylQ}!MS->2_X1U4rO)X6N`kR@Xn|UU$>URYIr0i}%

delta 122
zcmZ3wi0S=&rVT!ld<Mb3I<Ah6j@H(WE~deg>m<eajF5!P!9q+X!JDT^R)tSqP^iw4
zUX)m=Yhhq8`C{R=$pVF`n_G%XIXB1DoMzdq+1SlES-d%J^6ln^&9N=bJe<k-Ir&Ap
Q8KtR{=S`5F{9uAB0MxWB>;M1&

diff --git a/demo/dist/css/tabler-payments.css.map b/demo/dist/css/tabler-payments.css.map
index 8b1f68655780a1f1c6fbf3efc429111f8343fa14..543c85c07a50a4ebda58538fa2fbb73b0bc0752c 100644
GIT binary patch
delta 369
zcmeA?#JK+m<Aw-sFN;uL9al$3M{8?GmyEC=Ygb2SSDj2JN5^6(5WB=lC(>CPNlg|G
zHR)lS7jbu(P3Ct_l~GAdF3BuQ)lEvbQYcDKO4LwE$|+6NQP49m)0`~rWH$M5q}b$C
zr&XKFor^fbRT6Vji%Nisb#qe7Qgf^nbS)GVQ&Q6sOLI!BWAb3q`9&$IMQ|l%Sd=8^
z=j6jxSZu!QbDd@Lrodjt$yQNZEIFBZ*^|G9s7!tr#3zd6K7?B*8wTgN<YX3?6ay^<
z(YonH`K1NAnI);Yx&?_TDVcfcx|LQ6dZtCGxhU47DV{tpL~ioT;1(u*{mrr=%{-Hj
HB)9?q{!4#g

delta 152
zcmdmggt7Aw<Aw-suk27?9al$3M{8?Gmx9nBYgb2SSDj2JN5^6(5WB=lC(=0=Nlg(B
zHTj{N7jbu(P2T0C&XHb}SgC7aU@-Z$)3(W4PN|#cIhS&7F7rLjve`MPn{l#XNZjPF
aAq|_$Lz{Uxlk;=(i*z$eQzzd~OaK7Utu;{q

diff --git a/demo/dist/css/tabler.css b/demo/dist/css/tabler.css
index 1ba7a5517..78a0cf680 100644
--- a/demo/dist/css/tabler.css
+++ b/demo/dist/css/tabler.css
@@ -24,7 +24,7 @@
   --lime: #7bd235;
   --dark: #354052;
   --primary: #206bc4;
-  --secondary: #5f6877;
+  --secondary: #8b929e;
   --success: #5eba00;
   --info: #45aaf2;
   --warning: #fab005;
@@ -1028,19 +1028,19 @@ main {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #eff0f1; }
+  background-color: #f3f4f5; }
 
 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody + tbody {
-  border-color: #bfc3c9; }
+  border-color: #d1d3d8; }
 
 .table-hover .table-secondary:hover {
-  background-color: #e1e3e5; }
+  background-color: #e5e7e9; }
   .table-hover .table-secondary:hover > td,
   .table-hover .table-secondary:hover > th {
-    background-color: #e1e3e5; }
+    background-color: #e5e7e9; }
 
 .table-success,
 .table-success > th,
@@ -2011,29 +2011,29 @@ main {
 
 .btn-secondary {
   color: #ffffff;
-  background-color: #5f6877;
-  border-color: #5f6877; }
+  background-color: #8b929e;
+  border-color: #8b929e; }
   .btn-secondary:hover {
     color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b; }
+    background-color: #767e8d;
+    border-color: #707886; }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b;
-    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+    background-color: #767e8d;
+    border-color: #707886;
+    box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #484f5b;
-    border-color: #434954; }
+    background-color: #707886;
+    border-color: #6a727f; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
 
 .btn-success {
   color: #ffffff;
@@ -2213,24 +2213,24 @@ main {
     background-color: transparent; }
 
 .btn-outline-secondary {
-  color: #5f6877;
-  border-color: #5f6877; }
+  color: #8b929e;
+  border-color: #8b929e; }
   .btn-outline-secondary:hover {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
   .btn-outline-secondary:active, .btn-outline-secondary.active,
   .show > .btn-outline-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
     .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus,
     .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
   .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #5f6877;
+    color: #8b929e;
     background-color: transparent; }
 
 .btn-outline-success {
@@ -2572,9 +2572,9 @@ main {
     text-decoration: none;
     background-color: #f1f3f8; }
   .dropdown-item.active, .dropdown-item:active {
-    color: #ffffff;
+    color: #206bc4;
     text-decoration: none;
-    background-color: #206bc4; }
+    background-color: rgba(32, 107, 196, 0.06); }
   .dropdown-item.disabled, .dropdown-item:disabled {
     color: #aeb3bc;
     pointer-events: none;
@@ -2690,7 +2690,7 @@ main {
 
 .nav-link {
   display: block;
-  padding: 1rem 1rem; }
+  padding: 0.5rem 1rem; }
   .nav-link:hover, .nav-link:focus {
     text-decoration: none; }
   .nav-link.disabled {
@@ -2763,8 +2763,8 @@ main {
     justify-content: space-between; }
 
 .navbar-brand {
-  padding-top: 0.8125rem;
-  padding-bottom: 0.8125rem;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
   margin-right: 1rem;
   font-size: 1.171875rem;
   white-space: nowrap; }
@@ -2784,8 +2784,8 @@ main {
     position: static; }
 
 .navbar-text {
-  padding-top: 1rem;
-  padding-bottom: 1rem; }
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem; }
 
 .navbar-collapse {
   flex: 1 0 100%;
@@ -3266,60 +3266,60 @@ main {
     color: inherit; }
 
 .alert-primary {
-  color: #0d2b4e;
-  background-color: white;
-  border-color: #e9f0f9; }
+  color: #061527;
+  background-color: #d2e1f3;
+  border-color: #a6c4e7; }
   .alert-primary .alert-link {
-    color: #061322; }
+    color: black; }
 
 .alert-secondary {
-  color: #262a30;
-  background-color: white;
-  border-color: #eff0f1; }
+  color: #1c1d20;
+  background-color: #e8e9ec;
+  border-color: #d1d3d8; }
   .alert-secondary .alert-link {
-    color: #0f1114; }
+    color: #040405; }
 
 .alert-success {
-  color: #264a00;
-  background-color: white;
-  border-color: #eff8e6; }
+  color: #132500;
+  background-color: #dff1cc;
+  border-color: #bfe399; }
   .alert-success .alert-link {
-    color: #0c1700; }
+    color: black; }
 
 .alert-info {
-  color: #1c4461;
-  background-color: white;
-  border-color: #ecf7fe; }
+  color: #0e2230;
+  background-color: #daeefc;
+  border-color: #b5ddfa; }
   .alert-info .alert-link {
-    color: #112839; }
+    color: #020609; }
 
 .alert-warning {
-  color: #644602;
-  background-color: white;
-  border-color: #fff7e6; }
+  color: #322301;
+  background-color: #feefcd;
+  border-color: #fddf9b; }
   .alert-warning .alert-link {
-    color: #322301; }
+    color: black; }
 
 .alert-danger {
-  color: #641c22;
-  background-color: white;
-  border-color: #ffedee; }
+  color: #320e11;
+  background-color: #fedadd;
+  border-color: #fdb5bb; }
   .alert-danger .alert-link {
-    color: #3c1114; }
+    color: #0a0303; }
 
 .alert-light {
-  color: #626364;
-  background-color: white;
-  border-color: #fefeff; }
+  color: #313132;
+  background-color: #fdfdfe;
+  border-color: #fbfcfd; }
   .alert-light .alert-link {
-    color: #494a4a; }
+    color: #181818; }
 
 .alert-dark {
-  color: #151a21;
-  background-color: white;
-  border-color: #ebecee; }
+  color: #0b0d10;
+  background-color: #d7d9dc;
+  border-color: #aeb3ba; }
   .alert-dark .alert-link {
-    color: #010102; }
+    color: black; }
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
@@ -3385,7 +3385,7 @@ main {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 0.75rem 1.25rem;
+  padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   background-color: #ffffff;
   border: 1px solid #dee1e7; }
@@ -3521,15 +3521,15 @@ main {
     border-color: #0d2b4e; }
 
 .list-group-item-secondary {
-  color: #262a30;
-  background-color: #eff0f1; }
+  color: #383a3f;
+  background-color: #f3f4f5; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #262a30;
-    background-color: #e1e3e5; }
+    color: #383a3f;
+    background-color: #e5e7e9; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #262a30;
-    border-color: #262a30; }
+    background-color: #383a3f;
+    border-color: #383a3f; }
 
 .list-group-item-success {
   color: #264a00;
@@ -4225,9 +4225,9 @@ button.close {
     color: #154782; }
 
 .link-secondary {
-  color: #5f6877; }
+  color: #8b929e; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #3d434c; }
+    color: #646c78; }
 
 .link-success {
   color: #5eba00; }
@@ -4497,7 +4497,7 @@ button.close {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #5f6877 !important; }
+  border-color: #8b929e !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
@@ -5430,7 +5430,7 @@ button.close {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #5f6877 !important; }
+  color: #8b929e !important; }
 
 .text-success {
   color: #5eba00 !important; }
@@ -5484,7 +5484,7 @@ button.close {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #5f6877 !important; }
+  background-color: #8b929e !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
@@ -8087,31 +8087,12 @@ body {
       background: transparent; } }
 
 /**
-Topnav
+Top nav
  */
 .topnav {
   border-bottom: 1px solid;
   background-color: #ffffff;
-  border-color: #dee1e7; }
-  @media print {
-    .topnav {
-      display: none; } }
-  .topnav .navbar {
-    margin: 0;
-    padding: 0;
-    min-height: 3.5rem; }
-  .topnav .navbar-brand-logo-sm {
-    display: none; }
-  @media (max-width: 767.98px) {
-    .topnav .navbar-brand-logo-lg {
-      display: none; }
-    .topnav .navbar-brand-logo-sm {
-      display: block; } }
-
-/**
-Topbar
- */
-.topbar {
+  border-color: #dee1e7;
   position: absolute;
   top: 0;
   right: 0;
@@ -8119,21 +8100,48 @@ Topbar
   padding: 0 .5rem;
   z-index: 1020;
   min-height: 3.5rem; }
-  .topbar + .topbar {
-    top: calc(3.5rem + 1px); }
-  .topbar + .topbar + .topbar {
-    top: calc(7rem + 2px); }
-  .sidebar + .content .topbar {
+  .topnav + .topnav {
+    top: calc(3.5rem + 1px);
+    z-index: 1019; }
+  .topnav + .topnav + .topnav {
+    top: calc(7rem + 2px);
+    z-index: 1018; }
+  @media print {
+    .topnav {
+      display: none; } }
+  .topnav .navbar {
+    margin: 0;
+    padding: 0;
+    min-height: 3.5rem; }
+  .topnav .nav-link {
+    height: 3.5rem; }
+  .topnav .nav-item.active {
+    position: relative; }
+    .topnav .nav-item.active:after {
+      content: '';
+      position: absolute;
+      bottom: -1px;
+      left: 2px;
+      right: 2px;
+      border-bottom: 1px solid #206bc4; }
+  .topnav .navbar-brand-logo-sm {
+    display: none; }
+  @media (max-width: 767.98px) {
+    .topnav .navbar-brand-logo-lg {
+      display: none; }
+    .topnav .navbar-brand-logo-sm {
+      display: block; } }
+  .sidebar + .content .topnav {
     left: 16rem; }
     @media (max-width: 1199.98px) {
-      .sidebar + .content .topbar {
+      .sidebar + .content .topnav {
         left: 4rem; } }
     @media (max-width: 767.98px) {
-      .sidebar + .content .topbar {
+      .sidebar + .content .topnav {
         left: 0;
         padding: 0; } }
 
-.topbar-fixed {
+.topnav-fixed {
   position: fixed;
   z-index: 1030; }
 
@@ -8151,7 +8159,9 @@ Content
 .content {
   overflow: hidden;
   min-height: 100vh;
-  padding: 0 .5rem 0; }
+  padding: 0 .5rem 0;
+  display: flex;
+  flex-direction: column; }
   .sidebar + .content {
     margin-left: 16rem; }
     @media (max-width: 1199.98px) {
@@ -8163,18 +8173,18 @@ Content
         padding-left: 0;
         padding-right: 0; } }
 
-@media print {
-  .content-page {
-    padding-top: 0 !important; } }
-
-.topbar + .content-page {
-  padding-top: calc(3.5rem + 1px); }
-
-.topbar + .topbar + .content-page {
-  padding-top: calc(7rem + 2px); }
-
-.topbar + .topbar + .topbar + .content-page {
-  padding-top: calc(10.5rem + 3px); }
+.content-page {
+  flex: 1;
+  display: flex; }
+  @media print {
+    .content-page {
+      padding-top: 0 !important; } }
+  .topnav + .content-page {
+    padding-top: calc(3.5rem + 1px); }
+  .topnav + .topnav + .content-page {
+    padding-top: calc(7rem + 2px); }
+  .topnav + .topnav + .topnav + .content-page {
+    padding-top: calc(10.5rem + 3px); }
 
 /**
 Sidebar
@@ -8386,8 +8396,12 @@ Navbar logo
   .navbar-nav .nav-link {
     padding-left: 0.75rem;
     padding-right: 0.75rem; }
-  .navbar-nav .nav-item:hover .dropdown-menu {
+  .navbar-nav .nav-item:hover > .dropdown-menu,
+  .navbar-nav .dropright:hover > .dropdown-menu {
     display: block; }
+  .navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,
+  .navbar-nav .dropdown-menu .dropright .dropdown-toggle:after {
+    margin-left: auto; }
 
 .navbar-brand {
   padding: 0;
@@ -8558,9 +8572,10 @@ Navbar logo
   color: #354052; }
 
 .btn-secondary {
-  color: #5f6877;
+  color: #354052;
   background-color: #ffffff;
-  border-color: #dee1e7; }
+  border-color: #dee1e7;
+  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 100%); }
   .btn-secondary:hover {
     color: #354052;
     background-color: #ececec;
@@ -8569,7 +8584,7 @@ Navbar logo
     color: #354052;
     background-color: #ececec;
     border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(203, 207, 214, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #354052;
@@ -8577,46 +8592,59 @@ Navbar logo
     border-color: #b9bfcc; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(203, 207, 214, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
-    color: #5f6877;
+    color: #354052;
     background-color: #ffffff;
     border-color: #dee1e7; }
 
-.btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-secondary) {
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.02); }
+.btn-outlined-secondary {
+  color: #ffffff;
+  border-color: #ffffff; }
+  .btn-outlined-secondary:hover {
+    color: #dee1e7;
+    background-color: #354052;
+    border-color: #ffffff; }
+  .btn-outlined-secondary:focus, .btn-outlined-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outlined-secondary:active, .btn-outlined-secondary.active,
+  .show > .btn-outlined-secondary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #ffffff; }
+    .btn-outlined-secondary:active:focus, .btn-outlined-secondary.active:focus,
+    .show > .btn-outlined-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outlined-secondary:disabled, .btn-outlined-secondary.disabled {
+    color: #ffffff;
+    background-color: transparent; }
 
-.btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-light):not(.btn-link) {
-  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 90%); }
-
-.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 {
-  -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05));
-  filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
-
-.btn:disabled, .btn.disabled {
-  cursor: not-allowed; }
-
-.btn .icon {
-  margin: 0 .25em 0 -.25em;
-  font-size: 1.2em;
-  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.5; }
+.btn {
+  font-weight: 600; }
+  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-secondary) {
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.02); }
+  .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 {
+    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05));
+    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
+  .btn:disabled, .btn.disabled {
+    cursor: not-allowed; }
+  .btn .icon {
+    margin: 0 .25em 0 -.25em;
+    font-size: 1.2em;
+    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.5; }
 
 .btn-lg svg.icon, .btn-group-lg > .btn svg.icon {
   stroke-width: 2; }
@@ -8649,1624 +8677,6 @@ Navbar logo
     .btn-list > .dropdown:not(:last-child) {
       margin-right: .5rem; }
 
-.btn-ghost-primary {
-  color: #206bc4;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-primary:hover {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-ghost-primary:focus, .btn-ghost-primary.focus {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4;
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:active, .btn-ghost-primary.active,
-  .show > .btn-ghost-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
-    .show > .btn-ghost-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
-    color: #206bc4;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-secondary {
-  color: #5f6877;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-secondary:hover {
-    color: #fff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-  .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
-    color: #fff;
-    background-color: #5f6877;
-    border-color: #5f6877;
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-ghost-secondary:active, .btn-ghost-secondary.active,
-  .show > .btn-ghost-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-    .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
-    .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #5f6877;
-    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-ghost-success:focus, .btn-ghost-success.focus {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00;
-    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:active, .btn-ghost-success.active,
-  .show > .btn-ghost-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
-    .show > .btn-ghost-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
-    color: #5eba00;
-    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-ghost-info:focus, .btn-ghost-info.focus {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2;
-    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:active, .btn-ghost-info.active,
-  .show > .btn-ghost-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
-    .show > .btn-ghost-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
-    color: #45aaf2;
-    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-ghost-warning:focus, .btn-ghost-warning.focus {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005;
-    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:active, .btn-ghost-warning.active,
-  .show > .btn-ghost-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
-    .show > .btn-ghost-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
-    color: #fab005;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-danger {
-  color: #fa4654;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-danger:hover {
-    color: #fff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-  .btn-ghost-danger:focus, .btn-ghost-danger.focus {
-    color: #fff;
-    background-color: #fa4654;
-    border-color: #fa4654;
-    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-ghost-danger:active, .btn-ghost-danger.active,
-  .show > .btn-ghost-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-    .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
-    .show > .btn-ghost-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
-    color: #fa4654;
-    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-ghost-light:focus, .btn-ghost-light.focus {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb;
-    box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:active, .btn-ghost-light.active,
-  .show > .btn-ghost-light.dropdown-toggle {
-    color: #354052;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
-    .show > .btn-ghost-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
-    color: #f5f7fb;
-    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-ghost-dark:focus, .btn-ghost-dark.focus {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052;
-    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:active, .btn-ghost-dark.active,
-  .show > .btn-ghost-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
-    .show > .btn-ghost-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
-    color: #354052;
-    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-facebook:focus, .btn-facebook.focus {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373;
-    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); }
-  .btn-facebook:active, .btn-facebook.active,
-  .show > .btn-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2d4373;
-    border-color: #293e6a; }
-    .btn-facebook:active:focus, .btn-facebook.active:focus,
-    .show > .btn-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-facebook:focus, .btn-outline-facebook.focus {
-    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5); }
-  .btn-outline-facebook:active, .btn-outline-facebook.active,
-  .show > .btn-outline-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-    .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus,
-    .show > .btn-outline-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-twitter:focus, .btn-twitter.focus {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0;
-    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); }
-  .btn-twitter:active, .btn-twitter.active,
-  .show > .btn-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0c85d0;
-    border-color: #0b7ec4; }
-    .btn-twitter:active:focus, .btn-twitter.active:focus,
-    .show > .btn-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-twitter:focus, .btn-outline-twitter.focus {
-    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5); }
-  .btn-outline-twitter:active, .btn-outline-twitter.active,
-  .show > .btn-outline-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-    .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus,
-    .show > .btn-outline-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-google:focus, .btn-google.focus {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224;
-    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5); }
-  .btn-google:active, .btn-google.active,
-  .show > .btn-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c63224;
-    border-color: #bb2f22; }
-    .btn-google:active:focus, .btn-google.active:focus,
-    .show > .btn-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-google:focus, .btn-outline-google.focus {
-    box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.5); }
-  .btn-outline-google:active, .btn-outline-google.active,
-  .show > .btn-outline-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-    .btn-outline-google:active:focus, .btn-outline-google.active:focus,
-    .show > .btn-outline-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-youtube:focus, .btn-youtube.focus {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000;
-    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); }
-  .btn-youtube:active, .btn-youtube.active,
-  .show > .btn-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc0000;
-    border-color: #bf0000; }
-    .btn-youtube:active:focus, .btn-youtube.active:focus,
-    .show > .btn-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-youtube:focus, .btn-outline-youtube.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); }
-  .btn-outline-youtube:active, .btn-outline-youtube.active,
-  .show > .btn-outline-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-    .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus,
-    .show > .btn-outline-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-vimeo:focus, .btn-vimeo.focus {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf;
-    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5); }
-  .btn-vimeo:active, .btn-vimeo.active,
-  .show > .btn-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1295bf;
-    border-color: #108cb4; }
-    .btn-vimeo:active:focus, .btn-vimeo.active:focus,
-    .show > .btn-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-vimeo:focus, .btn-outline-vimeo.focus {
-    box-shadow: 0 0 0 0.2rem rgba(26, 183, 234, 0.5); }
-  .btn-outline-vimeo:active, .btn-outline-vimeo.active,
-  .show > .btn-outline-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-    .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus,
-    .show > .btn-outline-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-dribbble:focus, .btn-dribbble.focus {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b;
-    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5); }
-  .btn-dribbble:active, .btn-dribbble.active,
-  .show > .btn-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e51e6b;
-    border-color: #dc1a65; }
-    .btn-dribbble:active:focus, .btn-dribbble.active:focus,
-    .show > .btn-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-dribbble:focus, .btn-outline-dribbble.focus {
-    box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5); }
-  .btn-outline-dribbble:active, .btn-outline-dribbble.active,
-  .show > .btn-outline-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-    .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus,
-    .show > .btn-outline-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-github:focus, .btn-github.focus {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black;
-    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5); }
-  .btn-github:active, .btn-github.active,
-  .show > .btn-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: black;
-    border-color: black; }
-    .btn-github:active:focus, .btn-github.active:focus,
-    .show > .btn-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-github:focus, .btn-outline-github.focus {
-    box-shadow: 0 0 0 0.2rem rgba(24, 23, 23, 0.5); }
-  .btn-outline-github:active, .btn-outline-github.active,
-  .show > .btn-outline-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-    .btn-outline-github:active:focus, .btn-outline-github.active:focus,
-    .show > .btn-outline-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-instagram:focus, .btn-instagram.focus {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40;
-    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5); }
-  .btn-instagram:active, .btn-instagram.active,
-  .show > .btn-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #d31e40;
-    border-color: #c81c3d; }
-    .btn-instagram:active:focus, .btn-instagram.active:focus,
-    .show > .btn-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-instagram:focus, .btn-outline-instagram.focus {
-    box-shadow: 0 0 0 0.2rem rgba(228, 64, 95, 0.5); }
-  .btn-outline-instagram:active, .btn-outline-instagram.active,
-  .show > .btn-outline-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-    .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus,
-    .show > .btn-outline-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-pinterest:focus, .btn-pinterest.focus {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615;
-    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5); }
-  .btn-pinterest:active, .btn-pinterest.active,
-  .show > .btn-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c0615;
-    border-color: #800513; }
-    .btn-pinterest:active:focus, .btn-pinterest.active:focus,
-    .show > .btn-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-pinterest:focus, .btn-outline-pinterest.focus {
-    box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5); }
-  .btn-outline-pinterest:active, .btn-outline-pinterest.active,
-  .show > .btn-outline-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-    .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus,
-    .show > .btn-outline-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-vk:focus, .btn-vk.focus {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b;
-    box-shadow: 0 0 0 0.2rem rgba(122, 150, 181, 0.5); }
-  .btn-vk:active, .btn-vk.active,
-  .show > .btn-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #4d6a8b;
-    border-color: #496482; }
-    .btn-vk:active:focus, .btn-vk.active:focus,
-    .show > .btn-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-vk:focus, .btn-outline-vk.focus {
-    box-shadow: 0 0 0 0.2rem rgba(99, 131, 168, 0.5); }
-  .btn-outline-vk:active, .btn-outline-vk.active,
-  .show > .btn-outline-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-    .btn-outline-vk:active:focus, .btn-outline-vk.active:focus,
-    .show > .btn-outline-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-rss:focus, .btn-rss.focus {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400;
-    box-shadow: 0 0 0 0.2rem rgba(255, 179, 38, 0.5); }
-  .btn-rss:active, .btn-rss.active,
-  .show > .btn-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc8400;
-    border-color: #bf7c00; }
-    .btn-rss:active:focus, .btn-rss.active:focus,
-    .show > .btn-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-rss:focus, .btn-outline-rss.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.5); }
-  .btn-outline-rss:active, .btn-outline-rss.active,
-  .show > .btn-outline-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-    .btn-outline-rss:active:focus, .btn-outline-rss.active:focus,
-    .show > .btn-outline-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-flickr:focus, .btn-flickr.focus {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9;
-    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5); }
-  .btn-flickr:active, .btn-flickr.active,
-  .show > .btn-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #004ca9;
-    border-color: #00469c; }
-    .btn-flickr:active:focus, .btn-flickr.active:focus,
-    .show > .btn-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-flickr:focus, .btn-outline-flickr.focus {
-    box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5); }
-  .btn-outline-flickr:active, .btn-outline-flickr.active,
-  .show > .btn-outline-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-    .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus,
-    .show > .btn-outline-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-bitbucket:focus, .btn-bitbucket.focus {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99;
-    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5); }
-  .btn-bitbucket:active, .btn-bitbucket.active,
-  .show > .btn-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #003e99;
-    border-color: #00388c; }
-    .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
-    .show > .btn-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-bitbucket:focus, .btn-outline-bitbucket.focus {
-    box-shadow: 0 0 0 0.2rem rgba(0, 82, 204, 0.5); }
-  .btn-outline-bitbucket:active, .btn-outline-bitbucket.active,
-  .show > .btn-outline-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-    .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus,
-    .show > .btn-outline-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-tabler:focus, .btn-tabler.focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
-  .btn-tabler:active, .btn-tabler.active,
-  .show > .btn-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-tabler:active:focus, .btn-tabler.active:focus,
-    .show > .btn-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-tabler:focus, .btn-outline-tabler.focus {
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-tabler:active, .btn-outline-tabler.active,
-  .show > .btn-outline-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus,
-    .show > .btn-outline-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-blue:focus, .btn-blue.focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
-  .btn-blue:active, .btn-blue.active,
-  .show > .btn-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-blue:active:focus, .btn-blue.active:focus,
-    .show > .btn-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-blue:focus, .btn-outline-blue.focus {
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:active, .btn-outline-blue.active,
-  .show > .btn-outline-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-outline-blue:active:focus, .btn-outline-blue.active:focus,
-    .show > .btn-outline-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
-    color: #206bc4;
-    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-indigo:focus, .btn-indigo.focus {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1;
-    box-shadow: 0 0 0 0.2rem rgba(124, 137, 213, 0.5); }
-  .btn-indigo:active, .btn-indigo.active,
-  .show > .btn-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3f51c1;
-    border-color: #3b4db7; }
-    .btn-indigo:active:focus, .btn-indigo.active:focus,
-    .show > .btn-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-indigo:focus, .btn-outline-indigo.focus {
-    box-shadow: 0 0 0 0.2rem rgba(101, 116, 205, 0.5); }
-  .btn-outline-indigo:active, .btn-outline-indigo.active,
-  .show > .btn-outline-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-    .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus,
-    .show > .btn-outline-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-purple:focus, .btn-purple.focus {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4;
-    box-shadow: 0 0 0 0.2rem rgba(179, 118, 237, 0.5); }
-  .btn-purple:active, .btn-purple.active,
-  .show > .btn-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c31e4;
-    border-color: #8526e3; }
-    .btn-purple:active:focus, .btn-purple.active:focus,
-    .show > .btn-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-purple:focus, .btn-outline-purple.focus {
-    box-shadow: 0 0 0 0.2rem rgba(165, 94, 234, 0.5); }
-  .btn-outline-purple:active, .btn-outline-purple.active,
-  .show > .btn-outline-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-    .btn-outline-purple:active:focus, .btn-outline-purple.active:focus,
-    .show > .btn-outline-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-pink:focus, .btn-pink.focus {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a;
-    box-shadow: 0 0 0 0.2rem rgba(247, 131, 170, 0.5); }
-  .btn-pink:active, .btn-pink.active,
-  .show > .btn-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f33d7a;
-    border-color: #f23172; }
-    .btn-pink:active:focus, .btn-pink.active:focus,
-    .show > .btn-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-pink:focus, .btn-outline-pink.focus {
-    box-shadow: 0 0 0 0.2rem rgba(246, 109, 155, 0.5); }
-  .btn-outline-pink:active, .btn-outline-pink.active,
-  .show > .btn-outline-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-    .btn-outline-pink:active:focus, .btn-outline-pink.active:focus,
-    .show > .btn-outline-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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: #fa4654;
-  border-color: #fa4654; }
-  .btn-red:hover {
-    color: #ffffff;
-    background-color: #f92132;
-    border-color: #f91426; }
-  .btn-red:focus, .btn-red.focus {
-    color: #ffffff;
-    background-color: #f92132;
-    border-color: #f91426;
-    box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
-  .btn-red:active, .btn-red.active,
-  .show > .btn-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f91426;
-    border-color: #f8081b; }
-    .btn-red:active:focus, .btn-red.active:focus,
-    .show > .btn-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
-  .btn-red:disabled, .btn-red.disabled {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-
-.btn-outline-red {
-  color: #fa4654;
-  border-color: #fa4654; }
-  .btn-outline-red:hover {
-    color: #fa4654;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-  .btn-outline-red:focus, .btn-outline-red.focus {
-    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-outline-red:active, .btn-outline-red.active,
-  .show > .btn-outline-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-    .btn-outline-red:active:focus, .btn-outline-red.active:focus,
-    .show > .btn-outline-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-outline-red:disabled, .btn-outline-red.disabled {
-    color: #fa4654;
-    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-orange:focus, .btn-orange.focus {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800;
-    box-shadow: 0 0 0 0.2rem rgba(255, 162, 75, 0.5); }
-  .btn-orange:active, .btn-orange.active,
-  .show > .btn-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f77800;
-    border-color: #ea7200; }
-    .btn-orange:active:focus, .btn-orange.active:focus,
-    .show > .btn-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-orange:focus, .btn-outline-orange.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 146, 43, 0.5); }
-  .btn-outline-orange:active, .btn-outline-orange.active,
-  .show > .btn-outline-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-    .btn-outline-orange:active:focus, .btn-outline-orange.active:focus,
-    .show > .btn-outline-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-yellow:focus, .btn-yellow.focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.2rem rgba(251, 188, 43, 0.5); }
-  .btn-yellow:active, .btn-yellow.active,
-  .show > .btn-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-yellow:active:focus, .btn-yellow.active:focus,
-    .show > .btn-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-yellow:focus, .btn-outline-yellow.focus {
-    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:active, .btn-outline-yellow.active,
-  .show > .btn-outline-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus,
-    .show > .btn-outline-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
-    color: #fab005;
-    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-green:focus, .btn-green.focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.2rem rgba(118, 196, 38, 0.5); }
-  .btn-green:active, .btn-green.active,
-  .show > .btn-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-green:active:focus, .btn-green.active:focus,
-    .show > .btn-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-green:focus, .btn-outline-green.focus {
-    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-green:active, .btn-outline-green.active,
-  .show > .btn-outline-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-outline-green:active:focus, .btn-outline-green.active:focus,
-    .show > .btn-outline-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-teal:focus, .btn-teal.focus {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193;
-    box-shadow: 0 0 0 0.2rem rgba(75, 211, 196, 0.5); }
-  .btn-teal:active, .btn-teal.active,
-  .show > .btn-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #22a193;
-    border-color: #20968a; }
-    .btn-teal:active:focus, .btn-teal.active:focus,
-    .show > .btn-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-teal:focus, .btn-outline-teal.focus {
-    box-shadow: 0 0 0 0.2rem rgba(43, 203, 186, 0.5); }
-  .btn-outline-teal:active, .btn-outline-teal.active,
-  .show > .btn-outline-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-    .btn-outline-teal:active:focus, .btn-outline-teal.active:focus,
-    .show > .btn-outline-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-cyan:focus, .btn-cyan.focus {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b;
-    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
-  .btn-cyan:active, .btn-cyan.active,
-  .show > .btn-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #117a8b;
-    border-color: #10707f; }
-    .btn-cyan:active:focus, .btn-cyan.active:focus,
-    .show > .btn-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-cyan:focus, .btn-outline-cyan.focus {
-    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:active, .btn-outline-cyan.active,
-  .show > .btn-outline-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-    .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus,
-    .show > .btn-outline-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
-    color: #17a2b8;
-    background-color: transparent; }
-
-.btn-white {
-  color: #354052;
-  background-color: #ffffff;
-  border-color: #ffffff; }
-  .btn-white:hover {
-    color: #354052;
-    background-color: #ececec;
-    border-color: #e6e6e6; }
-  .btn-white:focus, .btn-white.focus {
-    color: #354052;
-    background-color: #ececec;
-    border-color: #e6e6e6;
-    box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
-  .btn-white:active, .btn-white.active,
-  .show > .btn-white.dropdown-toggle {
-    color: #354052;
-    background-color: #e6e6e6;
-    border-color: #dfdfdf; }
-    .btn-white:active:focus, .btn-white.active:focus,
-    .show > .btn-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
-  .btn-white:disabled, .btn-white.disabled {
-    color: #354052;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-
-.btn-outline-white {
-  color: #ffffff;
-  border-color: #ffffff; }
-  .btn-outline-white:hover {
-    color: #ffffff;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-  .btn-outline-white:focus, .btn-outline-white.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
-  .btn-outline-white:active, .btn-outline-white.active,
-  .show > .btn-outline-white.dropdown-toggle {
-    color: #354052;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-    .btn-outline-white:active:focus, .btn-outline-white.active:focus,
-    .show > .btn-outline-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
-  .btn-outline-white:disabled, .btn-outline-white.disabled {
-    color: #ffffff;
-    background-color: transparent; }
-
-.btn-gray {
-  color: #ffffff;
-  background-color: #aeb3bc;
-  border-color: #aeb3bc; }
-  .btn-gray:hover {
-    color: #ffffff;
-    background-color: #999fab;
-    border-color: #9299a5; }
-  .btn-gray:focus, .btn-gray.focus {
-    color: #ffffff;
-    background-color: #999fab;
-    border-color: #9299a5;
-    box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
-  .btn-gray:active, .btn-gray.active,
-  .show > .btn-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #9299a5;
-    border-color: #8b929f; }
-    .btn-gray:active:focus, .btn-gray.active:focus,
-    .show > .btn-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
-  .btn-gray:disabled, .btn-gray.disabled {
-    color: #ffffff;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-
-.btn-outline-gray {
-  color: #aeb3bc;
-  border-color: #aeb3bc; }
-  .btn-outline-gray:hover {
-    color: #aeb3bc;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-  .btn-outline-gray:focus, .btn-outline-gray.focus {
-    box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
-  .btn-outline-gray:active, .btn-outline-gray.active,
-  .show > .btn-outline-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-    .btn-outline-gray:active:focus, .btn-outline-gray.active:focus,
-    .show > .btn-outline-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
-  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
-    color: #aeb3bc;
-    background-color: transparent; }
-
-.btn-gray-dark {
-  color: #ffffff;
-  background-color: #5f6877;
-  border-color: #5f6877; }
-  .btn-gray-dark:hover {
-    color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b; }
-  .btn-gray-dark:focus, .btn-gray-dark.focus {
-    color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b;
-    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
-  .btn-gray-dark:active, .btn-gray-dark.active,
-  .show > .btn-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #484f5b;
-    border-color: #434954; }
-    .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
-    .show > .btn-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
-  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-
-.btn-outline-gray-dark {
-  color: #5f6877;
-  border-color: #5f6877; }
-  .btn-outline-gray-dark:hover {
-    color: #5f6877;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-  .btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-outline-gray-dark:active, .btn-outline-gray-dark.active,
-  .show > .btn-outline-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-    .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus,
-    .show > .btn-outline-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
-    color: #5f6877;
-    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-azure:focus, .btn-azure.focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:active, .btn-azure.active,
-  .show > .btn-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-azure:active:focus, .btn-azure.active:focus,
-    .show > .btn-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-azure:focus, .btn-outline-azure.focus {
-    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:active, .btn-outline-azure.active,
-  .show > .btn-outline-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
-    .show > .btn-outline-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-lime {
-  color: #ffffff;
-  background-color: #7bd235;
-  border-color: #7bd235; }
-  .btn-lime:hover {
-    color: #ffffff;
-    background-color: #69b829;
-    border-color: #63ad27; }
-  .btn-lime:focus, .btn-lime.focus {
-    color: #ffffff;
-    background-color: #69b829;
-    border-color: #63ad27;
-    box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
-  .btn-lime:active, .btn-lime.active,
-  .show > .btn-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #63ad27;
-    border-color: #5da324; }
-    .btn-lime:active:focus, .btn-lime.active:focus,
-    .show > .btn-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
-  .btn-lime:disabled, .btn-lime.disabled {
-    color: #ffffff;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-
-.btn-outline-lime {
-  color: #7bd235;
-  border-color: #7bd235; }
-  .btn-outline-lime:hover {
-    color: #7bd235;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-  .btn-outline-lime:focus, .btn-outline-lime.focus {
-    box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
-  .btn-outline-lime:active, .btn-outline-lime.active,
-  .show > .btn-outline-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
-    .show > .btn-outline-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
-  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
-    color: #7bd235;
-    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-dark:focus, .btn-dark.focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-dark:focus, .btn-outline-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:active, .btn-outline-dark.active,
-  .show > .btn-outline-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-outline-dark:active:focus, .btn-outline-dark.active:focus,
-    .show > .btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
-
 .btn-options {
   display: flex;
   align-items: center;
@@ -10376,6 +8786,9 @@ Navbar logo
 .card-sm .card-body {
   padding: 1rem; }
 
+.card-md .card-body {
+  padding: 3rem; }
+
 .card-group {
   margin-bottom: 1.5rem; }
 
@@ -10446,6 +8859,12 @@ Navbar logo
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px); }
 
+.card-actions {
+  margin-left: auto;
+  font-size: 0.8666667em; }
+  .card-actions a {
+    text-decoration: none; }
+
 .card-header {
   display: flex;
   align-items: center;
@@ -10668,7 +9087,8 @@ Card tabs
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none; }
+  user-select: none;
+  margin: 0; }
   .dropdown-menu .icon {
     width: 1em;
     margin-right: .5rem;
@@ -10718,6 +9138,10 @@ Card tabs
     right: 12px;
     left: auto; }
 
+.dropright > .dropdown-menu {
+  margin-top: calc(-0.5rem - 1px);
+  margin-left: 0; }
+
 .empty {
   display: flex;
   flex-direction: column;
@@ -10777,26 +9201,26 @@ Card tabs
   .row-sm .card {
     margin-bottom: 1rem; }
 
-.row-lg {
-  margin-right: -1rem;
-  margin-left: -1rem; }
-  .row-lg > .col,
-  .row-lg > [class*="col-"] {
-    padding-right: 1rem;
-    padding-left: 1rem; }
-  .row-lg .card {
-    margin-bottom: 2rem; }
-
-.row-xl {
+.row-md {
   margin-right: -1.5rem;
   margin-left: -1.5rem; }
-  .row-xl > .col,
-  .row-xl > [class*="col-"] {
+  .row-md > .col,
+  .row-md > [class*="col-"] {
     padding-right: 1.5rem;
     padding-left: 1.5rem; }
-  .row-xl .card {
+  .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;
@@ -11619,19 +10043,20 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     padding: .625rem 0 0 10rem;
     margin: 0; } }
 
-.list-group-transparent .list-group-item {
-  padding: .5rem 1rem;
-  background: none;
-  border: 0;
-  border-radius: 3px; }
-  .list-group-transparent .list-group-item .icon {
-    color: #8b929e; }
-  .list-group-transparent .list-group-item.active {
-    font-weight: 600;
-    color: #206bc4;
-    background: rgba(32, 107, 196, 0.06); }
-    .list-group-transparent .list-group-item.active .icon {
-      color: inherit; }
+.list-group-transparent {
+  margin: 0 -0.75rem; }
+  .list-group-transparent .list-group-item {
+    background: none;
+    border: 0;
+    border-radius: 3px; }
+    .list-group-transparent .list-group-item .icon {
+      color: #8b929e; }
+    .list-group-transparent .list-group-item.active {
+      font-weight: 600;
+      color: inherit;
+      background: rgba(32, 107, 196, 0.06); }
+      .list-group-transparent .list-group-item.active .icon {
+        color: inherit; }
 
 .list-separated-item {
   padding: 1rem 0; }
@@ -12374,6 +10799,9 @@ blockquote {
     blockquote cite::before {
       content: "— "; }
 
+dl dd:last-child {
+  margin-bottom: 0; }
+
 code {
   padding: 3px;
   background: rgba(32, 107, 196, 0.03);
@@ -12438,14 +10866,14 @@ Antialiasing
 /**
 Markdown
  */
-.markdown > :first-child {
-  margin-top: 0; }
-
-.markdown > :last-child {
-  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; }
+.markdown {
+  font-size: 1rem; }
+  .markdown > :first-child {
+    margin-top: 0; }
+  .markdown > :last-child {
+    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; }
 
 .chart {
   display: block;
@@ -12681,201 +11109,6 @@ Markdown
   color: #fff;
   background-color: rgba(53, 64, 82, 0.4); }
 
-/**
-COLORS VARIATIONS
- */
-.bg-blue-lighter {
-  background: #bcd3ed; }
-
-.bg-blue-light {
-  background: #6397d6; }
-
-.bg-blue-dark {
-  background: #1a569d; }
-
-.bg-blue-darker {
-  background: #0d2b4e; }
-
-.bg-indigo-lighter {
-  background: #d1d5f0; }
-
-.bg-indigo-light {
-  background: #939edc; }
-
-.bg-indigo-dark {
-  background: #515da4; }
-
-.bg-indigo-darker {
-  background: #282e52; }
-
-.bg-purple-lighter {
-  background: #e4cff9; }
-
-.bg-purple-light {
-  background: #c08ef0; }
-
-.bg-purple-dark {
-  background: #844bbb; }
-
-.bg-purple-darker {
-  background: #42265e; }
-
-.bg-pink-lighter {
-  background: #fcd3e1; }
-
-.bg-pink-light {
-  background: #f999b9; }
-
-.bg-pink-dark {
-  background: #c5577c; }
-
-.bg-pink-darker {
-  background: #622c3e; }
-
-.bg-red-lighter {
-  background: #fec8cc; }
-
-.bg-red-light {
-  background: #fc7e87; }
-
-.bg-red-dark {
-  background: #c83843; }
-
-.bg-red-darker {
-  background: #641c22; }
-
-.bg-orange-lighter {
-  background: #ffdebf; }
-
-.bg-orange-light {
-  background: #ffb36b; }
-
-.bg-orange-dark {
-  background: #cc7522; }
-
-.bg-orange-darker {
-  background: #663a11; }
-
-.bg-yellow-lighter {
-  background: #fee7b4; }
-
-.bg-yellow-light {
-  background: #fcc850; }
-
-.bg-yellow-dark {
-  background: #c88d04; }
-
-.bg-yellow-darker {
-  background: #644602; }
-
-.bg-green-lighter {
-  background: #cfeab3; }
-
-.bg-green-light {
-  background: #8ecf4d; }
-
-.bg-green-dark {
-  background: #4b9500; }
-
-.bg-green-darker {
-  background: #264a00; }
-
-.bg-teal-lighter {
-  background: #bfefea; }
-
-.bg-teal-light {
-  background: #6bdbcf; }
-
-.bg-teal-dark {
-  background: #22a295; }
-
-.bg-teal-darker {
-  background: #11514a; }
-
-.bg-cyan-lighter {
-  background: #b9e3ea; }
-
-.bg-cyan-light {
-  background: #5dbecd; }
-
-.bg-cyan-dark {
-  background: #128293; }
-
-.bg-cyan-darker {
-  background: #09414a; }
-
-.bg-white-lighter {
-  background: white; }
-
-.bg-white-light {
-  background: white; }
-
-.bg-white-dark {
-  background: #cccccc; }
-
-.bg-white-darker {
-  background: #666666; }
-
-.bg-gray-lighter {
-  background: #e7e8eb; }
-
-.bg-gray-light {
-  background: #c6cad0; }
-
-.bg-gray-dark {
-  background: #8b8f96; }
-
-.bg-gray-darker {
-  background: #46484b; }
-
-.bg-gray-dark-lighter {
-  background: #cfd2d6; }
-
-.bg-gray-dark-light {
-  background: #8f95a0; }
-
-.bg-gray-dark-dark {
-  background: #4c535f; }
-
-.bg-gray-dark-darker {
-  background: #262a30; }
-
-.bg-azure-lighter {
-  background: #c7e6fb; }
-
-.bg-azure-light {
-  background: #7dc4f6; }
-
-.bg-azure-dark {
-  background: #3788c2; }
-
-.bg-azure-darker {
-  background: #1c4461; }
-
-.bg-lime-lighter {
-  background: #d7f2c2; }
-
-.bg-lime-light {
-  background: #a3e072; }
-
-.bg-lime-dark {
-  background: #62a82a; }
-
-.bg-lime-darker {
-  background: #315415; }
-
-.bg-dark-lighter {
-  background: #c2c6cb; }
-
-.bg-dark-light {
-  background: #727986; }
-
-.bg-dark-dark {
-  background: #2a3342; }
-
-.bg-dark-darker {
-  background: #151a21; }
-
 /**
 SOCIAL COLORS
  */
diff --git a/demo/dist/css/tabler.css.map b/demo/dist/css/tabler.css.map
index 07f9c71231364f85531acbb8baf4a537a706ea74..f09e85cb11b20da2aa42019acc67df01235dac6b 100644
GIT binary patch
delta 14321
zcmdUVX?PsfmFQPh>b11l+AP_Y+bg!aCH10iwJgA{s;*vS$=bbPu(h^&-zBvm5nEW2
zkQfSl2s~p*Si))tk#vBB00|_l29kkE2n-}MkOT;JNZurnfjPITyVWGjOy2wPzVE?@
zs5<A|bI(2Z?A2d=we91-Zar~-y*4Yx_%6{kCp}dErHv7B)Fg5o*VV<jrp2i)krPDI
z9w8(6`69eS3N~!i1$cScG`|Q9Pg0e0$fZc(SPV7ZNmozzhL&L2-n4YMv3_yes;kQ?
z+dWIvzPZJp8`jbqqp+t-6hacUeo+(fPIifXHtFH@uSySY5UhTFII?r6%-<vq*me$f
ziDJqnbot!#E_YY2u*YW#@WZj4y#*4x#BQ9Bq>W;gpC4@R_7vbY>Db1)ssKOe==K$0
z_Qkh1-cYM)_u>BgY>QWH`;Dg3-<vIpKG`9Co_|hf?8%~@{CuZ0ES#;AB@FP>-o+b*
zA5%KNPeHaxAu+3UdfJgxNJ!j)byB6fS!?w;2p}N6c+NU$x7)TEm&@Cup8Y%*MdVn}
z>obLTZwV&E2c>VhCv;AE=Mdi^HG6ng-Z{jFJwaY-zWa>DYdlTVR;$m6JVLz1*U6h^
z`7m$J1Lg@JhJaaLUZ$75)~y-&CB&zFcHWdiY$^{(5&$8O`SKE5eLM8Ak&LTLjPTJB
z=>nhFlpVI>W)XgF*v6aoMfutM`^>QPs_%;x#S<V&T1s|5p)(F9@U9|!=i-i?TdDQ2
zzKBaXJyIn5lCCZv=kuAyqrAT_!xO?b>8hSSefx;=Hot4}tsV_sS!CSB#rU}N(XM`d
zsGI0L#s|Blk-k0Jn9Gl^o}lzV-=3B2XtV@p6Q;=_<9tZIBqa7poBGexrewUQZ86wi
zPwO*7s2^X7PY*4Aaqu9ea||f&_QgL8E#L+BE3a*f^CMqoD%#!q@+X+ZQ`PL7puB!z
zyl|znyd71D&ckJRywf?po$pz~+48s)k48JkTlwxKT$B$>hwf>XUfb`|M?B<gc$pr_
zcursG>1TOCy5by8>lBM-HLcCKlnY+u4qQN$QfK+_;xp$y`zie)OnT<r&5O?+dW%{a
z+ZDl$%zSiLlqkx=N6`8SAlxfGKX!#S;tAoaV21vUbe%3EQwR9;;sxV>qSp9%VtH16
z@3de_@HT#rU&w35$`4Kp(m-$mE_{$$DZLQ1!l{R;ErzgwD|}WyBA{uKB~b(vRAA=K
zi(j0o(5?%+`~u+{apf6D5m4luK&UjDUUAlpOJO$a$}^ioK#|OfWN2KXXbQM&d`BtD
zFHQ^a=1o*%e_T{pB*Z+6Bmxu`C}jqrU0uE0P7E=~!;WexvJbcm?8osGZiP*3aW*!o
z*0#Hgce74X&s1w?-OBxtps=`O<~*w2IWpOWZrU+2Wg73~9m<;>>SEMdt<yVBaC6dY
zv%f99Ob43V&*rYCs;oVMqSBn`Fop}-Wriqw2}69dOOMPe{O~0$y*=-(a_s!SSsRzW
zb^f8M_U`|KwT;y~<GcwSpKr(W;QnDry5Mnrz)Mu&!00I*{9H(9bQ{qi@MO|YKWAQP
z_l}Skhj%v`2gfB4H5lwp@+Pw&HGe*#v&wev;4RYipWmYo<lm-U(qBIRLZw42I-!vd
zF21thrOLbWAkoMVe#3YXMa3l3#TQjL3#6i72ulxLys~N5gZJT?@l2W8d2hy(kI+89
z5SQM+_<Bvqg;(N9OJBLfR(d0TVO~0U$-CTaKSnDtAk6g75HAV}sXQP_0GYo9BoGio
zio7uegpS3(Ub>AkV({Z*X+DF-Z{(wCenvoMZG41)6xuG%$j_wsc|kh&vQ#B;$0Cn;
z>GjLrFgQIazH0zEdeX$ff`S793XLxy*u2uCS3LgzmT159`WHu)EqgyxF4Wt!Z}H%l
z{z{jmj}YF=^jA#6XWxs6XfI|?UmHKm`%FgOYj%_Sn|Du{oV+*dE@s$}5MO-dD-2Va
z6$^Uk;zrWaZ>}~jL=e>FLslZ{3KO3YD$*d-CR%v({n1|2K91XmPr`ng$l=1`r#B?n
zU1;8zz%hvvB<7h2valjnR<{Xdw78NOKR9lv2lD}Dxdak8gn}GpM3BWJ*E~a2cKY%u
zrHhN8#l@~2FSW9WU|W3S+O3#~2IY(=v`IBbZm%XrSFnnhVCk2hIx>#AiiFM>lGtIx
zp$IN0kR*h*0UKH=%E*f*EANe<%0y3CQCVn7WeK4Z>kC3SDiUu9plgVpX><+Lv%laP
zU0gzlE<Ok@N*BY5u1ib_QAzzZPstsogrKzlYnPQCC4&z0`>(C9%DR_|zzmWZZkVUC
z5_jWPYM=Cj8_$rR2mfKn5+!?d&ECMUa{GmYXNB-^8U@617V`nO6D?$3_<N#`p*e-f
zG|F+KgnZ02IWJg;&`89rU>TAwK5DBjsY9|t(i4?Ve4$zT_0ij^6N80&?c%aRa8SDb
zrn~g1A&hRKSx62^J;%<#S_t!k&n$FG7aW_e%J3E;wu@YsS%~hMmi~0?O#Z(xce7v-
ziMh|9nf*8Bj*Ki)>gJ=XV*(m1az&F(;4TrNXkI9b)N;!PjoC%~B`xi}WvwP9l4px_
z;Vll0I6wq+N#DO^%}RGKVdB|E>H@*5)YoXvBT3hU^xW6C$UJ(H$A5fX;n9mcUc6Q2
zf$LmS<!x&kk;lN_@-U&CJ}G{y_5Xhki|*S_mFdiVn5o2eVSaJ@UEiciJisBO7yo$o
z=Tuc4!jio^h0x-K-vU}^mHo!=vMd@Nm|;pyE8t3dqtfZwTIhS9(n~!jSm|W$;L-xg
z@WA24AAfg}(uPF5>3}OJwLkQf)=I8D;Ic@nhrg!H@bXJ~@%D!WO0!>n8C^W}y<SaI
zc91x1%r!TNA#6PE$_^6w$-A`YN0(L`2du@YfxrRjogZD=WbRki%=as6%>Bxm`F`oj
zCw^UN#ZpjlI5FX}FU~*tm!n$Dh+@ctrPgC>=ylS)yYvhBaEZQ!;c~Ril}Yd^lI&dR
z1fLeLTn>r}UqMs2y3L1<>*Gd!m_ws3Z##Ai5tq;IB5OklK2|6Sjjrh=KS#>F5c)>~
zX$KYBA%)fvmuc;!yT#osaoi1w(>ykiSf~4BmzTxIKW5i7YJ&^9NpE81ePDi;s#_qk
zg}jBPc1gB?fZa<_bYh*HKYvl|l+cSu;!q|9gBuDMV|p<@44C$C+#ZrQ_U1{*a~NBy
zVy+p&yg`7&rV)-CSs;(QO@1LLCVhEVL?JTn2^2En>RmcPmpJ1JdZxO3*c1rexXkPt
zD8c$TIV<&YP6Us0oKhg6fCB0GeLcvIwEdi|SY!HTTvo9KGeU31W%Rha1~}}sN4U<O
zeDQ&6Q@waDq_cYknF^|>sLu86*jp~uEw1@6xuPyHEe4YPVi%VZI};F|qHKD9{=Fjs
zcTQ28r9WTQFql^+hq+l12{jq*E7YH|Oo~XE?z~6=o=f*F$z<$PWJ>OoWy*BJdOu}e
z@Ob4+VCv(zKJwIGq8pJD$8a-bDA)X1yt{n<L}|wD#47d@yFmqEede;ELFUDbxSZZj
zVlRktAgZkt74j8OeqkZ%iuwx6Fx$H_zG+cWN+Pe6c)wc_aUW+NAl(_~7{KOilH)KB
z<24cEH&5psXMUPE4zUn|+l@6yP>l9r`U;4#zA@Qe=H!wfAZGiqn*zr))lzNgjiXjG
zE`KjEkdFRbYMOeQs?T8gJsuF#Sbn2Pr<AuO3<ar&Rw$%)9G#H#C?6aDn0La)5VfUg
zUY-aAutCD;u#cM_lI0EzMS015ZzEh3qO7{MU8vlQ%ef1_7oxg!>0wecbD7~IVam$H
zhr{rtamovy3sX)ZGL+2gnYdkttKdOhTmTP-7D22imR1xNOcxXu5V$m%8z9#a_;Z-L
zTo>Ifzs7dM6%lIt)?i<u9ugz2SRa-{@{N&zkt{`JcfsihHL9E5jr|C2xf{-jQZd@L
z7oLq$wtu8~i^JJ5s*yJCg?%xqb=~xS5wqyD81T)ac-VjX=1B24E#`B8Xo2cxx=|$<
z_a%Ahu`}x6m$(czPEyNPkt?0X_>CtI?B7prCcckU4FNH+51etzQ8PUnC5|;CCL#mq
zSQ#-Kfs5jlb-^gNAtAAov>{l1iq2xqh*fvGcODfG5RxvrG!-5FPJ9oE_I_-JaWW*f
zBOq_!Au&1-#!WC7_b!DE)btoy5<(OF08TVGuHc|u9JV-G9yh>^#$auNYGmexX)@q|
za}t!$^xtcu1^x|J=o}uRu83&QX_C}S)V6?#W}XnIMKsVPs!@JxbM2O6D9KNpfcA%j
zCDG{`Q6$GYRSb*!VI)nhqb4DnrZz6@Ng~ey!YM2cn)W5dkn$G9H*$y~rvP&DivvrX
z;^J<yiD(*4iZNyTs3J^6c?;tkiTOnqL>Lr%iA7T6_A5M4jD)grToEItyhZU1y}ihS
zNP!YAvFL!68S26RL4}Q=nW21*)*j^JONo{qlDE^MIsZPN3(Qa=wZoa8tzu!95vO~G
zQ8dwK+BYK_aq59nET4=B_7IsBguh3g#tz5`8~lEjIvf7<U24^u0b-T2;vA20ChO+7
zh+7d^>=1B%=mx`s)Z2~el7Y{xn8c2#3-M-Agyx4R<I4H`Ovg-SI$0bL#Zj*~ib;sO
zVeBEQ15A%mRnk-GD#$%V?Obqmc!J2lDfEi@UM#;Q=fWYJk7O#dfKj|qC~!S(B(Mzi
znr2bJR6#&)*zQ(L+w4LcCV`v_x=bPYrND7)hQK3OEky8w<wUcJ)Dt+uogsUXI${<v
zXtEep=6KMrq?-<k+`NKzAe!V`f}BvIIX+E&Y6+G(^4t*hP8d%Ma)gRuiScPfTtUnV
zKDc_Es)LK?sfiY+%UMWAW>*`I@Np+HS}o*wysu6HYYd{UoltW=b&VALwodZj)6lq-
zKgQ=o8xBRtJ+|YNOgeqh3fTB0wVjT7Vd_cBxh&*ea`CL#h8@tMdm5yc#){lepQPTS
z4Y5ArvSv&|7~!1Qw<P*z3)&}8c;hL`e<-`lTC5DrVtiK+XUxRBMlE8ycSzBA7iSjd
zykkX#(_8FfLV}qmMcS+o?G{OkBgT4X^P!3?3&K@TQ^VyGg+Z-Z+z0PHO?7K$c(f+7
zI1AgKp*Cx~k%w<q=!4iZlwF^)@>%)dNx1JBs$M&f)ifT&49`A88LK;mq7R$JkZS@)
zU!hjRho4XtaNR3ZEr`!j>l)keI|j1%yY`~(T0~{KXhtuG3!kM-`m8y>!yJ6)S?XYA
zn>)`Fw~4r6{c}`TH-|%eJTitDC7hDypgfutg~Ab$+>65rG;b2P$(*d9u{pu!A~APX
z@QZLYO*g{x?@;PZOX#4WpcA;kQVEph=S1Ti9Dk0gH@D+-fMAx^%)2lu%nA;dXd1VO
z7Myk$aAwirg+D$=^{uersH^}D;c%U}^{n9Z!a2`Vt5<fS=tP%BbPM!Tix|Y&JOM;R
zke;W`KA865qy!gOeIgE7=ET5EUQ^RE*sROeA3%<%3PD~U6-oDD#u$vlK@=*yb7_0C
znA(Z6S#eGX?nJMi6+%0~e3EijhkFX?jMzx32j)&vt68&y<V>SD;~0ROPf`<I$=*_4
zv%Taf<UVBQ#it2b3q>N7LZ%_N0gwI|z460!bU7S)fzq*wJnt~_zU4Gp$;mZzE$M_R
z_FzNr%b&pqi!V^yO}6}dJL*E|18}qbCNrwb?pty?)S^%64fp+ts)QXcQZ=?@x56qV
z&q{GYvSd<=@^$0zpi68MLwR}H>;rJwi&W=A9KUoZ*M?@B=_eV!7YAAcXjXHgBZhPO
zJa$&>h~w83f{r0Nh3M=O8ly!#h8IO*8!3SCf(J`=ofssXQGkS9QFhoqK#E*A`z0#E
z8rv11y*;m`r(dGhu+BWxhR{F0M18*BoCl=a2S{+tZ)6!M-Dq}1zO7!LEMY1n&r&hX
zgvczFoGDQN#Y6D;PpJb7p*+_%n=BD>CE;YIyTsR0-LkV`ELFNWa!PE~M(4!LXbjIh
zE2c-|#4gD!Ft0Ce7uH3+B+=j)P>k;#z)^~r*gGi41>2r>M4H9+J$5+yGpc!OaIZPP
z5TSuRc!mMFqKcp>;XQd*#2a#qz`y;B`i4He-;7gUyx9G4%|B5BZ5f4E{)rlt%;TEn
zq;FJ&5V`KXC~F@$U#7aZW_A)6iwNPKf20)MsKO60;$C?9WvY*g<TkxRt)!s2oYri>
zC~d^gDG4`r*rLM~cVmlPnqzRB8YWXQ82@MLcU39(lI1$Ybnd{<vFLyuzo5$8Ruc0)
zHWxZP=d~767bkSMNI{8Lh@q`NOLFeOyi7Eh{S=Xp!%x2vILy(taMLd+jXog~hDp&B
zg6dbPhDuD+{SlG{2ciUKf0a6{oAr=}z$wn;o`03{>nl3E<9TH{#r7Qk7FDTk%6dt(
z^1J7}a<rOuCzL^rJDv-^OEpqe4sq#Fezyg#d5`igbIuK697(usb3;o1CVjbgMT6YW
z%YKaIzdM1S^a$rTH2t1>p?ua#mZaQC>yTT?CpGU=@3XOX0?xRD?L%_Zkgn>j$hDrL
zrYW}FK~S^qdB;!=1Ihr^6dS^surK0{4$YGfvhGO!Jv;>EA5j0Q&kjbg|Bblk26G>N
zKvh$0rj4-3y5ns_xw=15A5cvJf#@WLAGGAJ7jd`IE6<tTow;@YPEAss&d@L}LHFq-
zM@xw0b2T}bqB$IJ`!JDqi59n2CgcR9GP~zO!|>>zskvo=l9D0g&QG?aPp)dto&Ogq
zL|2X%CO+iQd!;v5HAoj+rp?v-m1?CH&>_)z-JxRE!I?+Yiyk5uH~E1QIwTI1<cSGB
z4(I)}=!)1d%C0y*<F@1Hr#w94ju1Zbh~JM}Op_1Dy%~1^=RZoY$B|3pgefM>xI4Z1
z@*D9+&jh+>2u}V7bslAd){m)gG==)fXVO`Bupa}%_?$bCf1mD$cRr@xD$k~eg)YwF
zPN#=m#meD-R~bD^hGcc8zx@flnbKwPTRu9Udk)Mr{XnG?tub$+?d~A_fu=K+{-Q>4
z)E|TlL;qZtaTD9ZEpmIxXf0J9lLyyMG>o+TV*%LKNVB=4D!QH0hlWY|HM)bt@T!__
zZZgXjZ*<Qq7T@MpM*2o~G*_dc`7(WCKv@tUfP*aka#gmkaA(NH)|YdY(^t|>A=$b7
zo}dQ}3A<ZQNO2rbF!y#PJ))_M@r6#_7x37iyPoDN+j|Ow^WK1`Gj~Hh-9~M7diHhs
z{9@FLS5fSn5%B5083C5u2Mx5JT5UCtpoyA2ar20qn4%|B0+2@USq;}V(#!sbmdOae
zYowbt`#o5sCp>NL3H(&Rail5c$oJ}fNl(hVCw~_SJd~-4&QO(3tYs7+{%|G)$5+yq
z_&NOcNrF-Dr?Ns9H{<d5p*4ybk7buwlH_AT+S7>xTQTJ^^7~Czd~H)+{a6Cvk2O3A
zSHV<7SBT_uU&a%Mi&oL?`T&{cAWK^h{9qN`uaC>0&r`Sr8duXc?C=AKPvImM3(0mo
zQNaa>JefXHZ)QBvK2dH;3Mb)wI9}@#Z62eAXx8enTSnlz)wIv*$O9}ERJE8E<~{#N
zLTRfFxY64PN556!*nu2}n(6)pXP%=?=14L-8Fu9r&ACtz+1ZPOC)8}W3>@%%O1~n9
z18t<m5k+Y-?&1U+86?X!!%`Jj99QJ3*3i{dWeOcAzh}nNmTNK47E0Id#m_&!EE=nS
zExitZ-GiS>vYrmOdM!PUO)d$XS<jqXws-kcAZ{Yt?7Sz{QyeyBJ@K4j9epvSbIKD9
zv!^3>_j=lcKQ)m(q}^kOk2cV~|JBbea?y=+5Wo9lWGLJZS@QNK+Ez7NG94qpEoab=
zmpf9s@zP@6`P6O>MlJNV+^IJDZi@VkQY*=1R8|IlaQ2KA2Mb2e?%gojM%RJCN?R)@
ziw%#_vw!~*0)JLjf*C8t1h6!edsi%|JrgC&szQ9Rp)h);hL^ZiM@qR(^Cj%6W2LBI
zDXJ>P7rR8GC(6Sz2kouSlx`pAOZKmxEkz|uP#ZReUG6xRA|Y45h@E|#$GpVa;fnHm
z3Cau0?6go-td`07dOG21GhHt$t7>G)r;MKd5=_N-iJ*HGImxiBsHSkKFzf$TnC>E_
z!?g!zPehc*?6kceCjfI;C<#e#sB<^wmV~#>x!Wai_t)gschDD9sGVb-*3QY?Z7%x3
zLG_evs(s21A0MF`;C!G%>Iut)ZNdqox6mu0|9ZL_8m^}sRrbk_$xax(Q30N-yyxz}
zo__s&(A}h}fX+LZ3i$0VO$Fp?8JDWV(J|=+Zd~1<?l5;aoenrr%hbckdsRlba2aFx
z3<7RBv$4WrcbE(ohZX;H*uc`jtb&{C88sZfPc@idNZ0{)7IJosc33;6;EH<YX!+l+
zix9C`*mSmfIn1xrROEirz?`m!;|q)is&7)MO9WogilV>Q%4{!L^1EG{aws755N>09
zaO+yl3OMT>l?DvGYAsozhvQ~NI1L=%&S>GnHiW6_nHBJc315*!2Q6l1$EP`0!u}Rz
zOPRs7pUL^R$5mBuq8%Chz7<(bHZYBFxKATXUj}#VW@_Qoo2mw=v?KOB8y@SaWo316
z_%T%(Y(J>pBExdqtc-gDRNB-Ppxw>1!p$GhD){m-^)lMACHMGlMy!BG-l4U*iV4QA
z!I~xZAibKgS*-A_O>9H%o)B{v1&2<Tslo6Ny(*WEFu&+fIV^T-2dw>-su3PdX!NlA
zR=P?(>KJdI?0_q8W6Y|t@aT959=(m(sJ4t-Cah*ydx&14o^(!jPL9LCt#qAAF|xI{
zGwrH&bGz9N`)_B~msxC9J6v=-)2LoQF*Riwhr{LSdbsLqv>qP0oiXMapSqnfsLhjB
zs|^{W6lJ56lT$LO%04kMH3~g<Fs&-H)$B0C!X3;8l}#ocy^~p?SwDre;}h`MS(-XH
z{=bm%zur+~T>njG9TJ--El?ny7@bgvRTE?Ou`x)0lQFB!qh_1g26ugvS*x;H@LzcI
zS-PogVrpUvEO#(<>Z!4*@u>;W+{v`5El%<;oOve^ddxgwQG{kXCOTnY4IZyQqgKJ8
zTWB>Ly_4CjoH6(8oy<BlJo*maR^!J^IUF6OHE^$6Uyi@sz{v80gjx^rkVXxr57f2r
z!Z1???&HjIX!Yr9;a?Wm6}hjTVBTD=vN>&|Hn=FMS)pDpyE^Rn5z`6VA4hAt=ZDN%
zIQ9%vm#125WLByt6;J1W#KhF{;wiZLB~^op@R<VchfHJcogXph_YhC2g!HnqF14fG
zG2Y?KeS2BiUA2(dscD3R>&n!*&u=Ol*+IzEFuPMz18e+cDtLTZ*~(nGzbwqil$T!}
zEX!RTRQ;fyGC==Ds%bd=6uliTxJ2cuh>p$}jE2^9ERIj`+$Ac5{Xo=!|ID`pq7##I
z+YA=7rL)WMIRed-EiG7jg33!(&2Z;3O*L({z{eM=R>4absV;@iOBt3n7{Gq9YAr0g
z5&db~Bf45J->6nKEir7x&07NL$w=$ycsejM2}djSjjA)w=sFOE9fxscjh(G&HW<Q_
zQ|WC6YkUq7L`Z`n8SqalATayb6>#&7DxKD_9?f!Wyd8v#Rj+~lGF82%aKhe8Rp&6|
zsCQqgIw(I>d_iTGA08=Vw?I`x84KAjsJ;urd765-`TIH*ynh$7JZHH~)kc9u!`8ry
z*Q%P1T%>A(<mIY5NLp3R6`#@%oVZ+753lUh)WSbsu3BERbj~GBFOh7#LRG!`Ge}Bw
zTOh8>oqvU@vH=JF7ygE=TaCvU8%?(0{|v1Y$yi*`#dK_DGHEy)-pDcyaO{|>2I`Js
zko*1&Q>l~5CStSEBYjLmnF*B$$7eA5#|H4v_92FatIlPr;Qbp^y4?N8R0l9_Mb%DN
z2x(Y2ZwjN(ac!9vUR%qWL3h7uxyoWTZ`?wXjuGM;83WuG)@+6E)}qZ~4!Wk?(%E4$
zSj`sl2VSgWG78lVarG)_KCb%u-w~{a-Uh~^P(6}Bs@R{^EIhefT}e&AEv*>wKlw;i
z4v#*J9{XNYy%JWpG8#m^+lrevtwAX}7SwfcrV)?xXbQvev81{j@uO`_GyZR(jd4IU
zt=>eQ?^CTH>4Yr*u#Q<zatV1p^ax(;3(FaEk;_ViT8^W2zoAhR3iBhFUYDr71&*&D
z$Ca2%2+cVS3{NsgJ#9E2UfidtQ!5q%s~1)CaP$2t75wT18qd^P_6%6{EtQ`5NCDRj
z9cMDtaNat!=dUI-D){aFDr=tLN_cV|+p2)CtY$XA!{@1W(7K+j(dBJ$EDb&1!K`6_
z0I&Xv@1YVdS<f2uMQjxAUC$;<-?waFO{MP#H?VFv@f)=!7yP#Bt90(gYt_Hht&U6>
zTE|C|6D?!0iLBv#;(&3C+kvQmo57YldXxH0wT5_aESiEujIM!`28|Ayeux4r%#`Wi
zP&chwhITIV$P*eyVbrQ`26LFv<bHOmI=mcq{90G0j*KS#fha_Jm=(F<oVvb@E!wwY
z*>!q_qy+;PocNGw0=J{A5{~!K8g=VrB%aO!7iMhGGQbAmP(@i;uKIiGo-#Uuwr~gP
z-S?Q<ScfM%8|8_Gi6a<Vld;(r#IJosZG`GSVm5y0G4&Z_Mf?%<>LZV<tKq<->IT@c
z8gu_klXMLx@-IEA?t|)sWo3|hjI9InyZH3)kE)H7BS$^1-aObKt4R@co55^oF}HTu
zlamqPjx#lItX8uc?z=#*f%l(a*T9aKu{w-Lv9?+9AbJpDx5C|ZsKfiZHPz7cASNh;
zt%8rg!z_anN7xE@f3-#n%f61eAp4QJ9IC#Fg-dpihLjy}Q;xWQo?Z(#)oH4L_33o5
z>g%}Zs#{c=+z;zCU*uF1VFPC0V_#x6!?OF-HMv83G%qkKWx=On(R52HFh7Y|0Hw}n
z0oZhorWrmui`5-@woI)lK=+=5r$K1Vkss1!#9F_6j^=6j&FgqA55B7|&qWVtzEPi3
zFKAA-vXOW!IvGu;4y^0St+`LLg@=~Yn#olgl<40wh9;HtkBx5LFc!{CnhdRGJW%H;
zjRW4)XzSsUQ<}SS*PYfRbu}AC!;{H0E@%l)&P;~48CsmczN=kJw>aReceMt}nfvHN
z%`0WO7e3KkMZvD8wR$-Gl(q)eG1@wK{wZxEwE^xsscnFBDeZZha3F<3MS+{uH(mF%
zwiZ_XLCZq#tiA%Cpm9Nt(q2lpwSlEoUz6KKYvbjY|Ef}p|LJnSs?=vrEBV!Z-BGq3
zK6r{gi{#j5IB=C-3k$!}v+y#__QSwc`Wo`8E;F<kEU=bgg-^q*@W~(ahU<RIrr^|i
zy$V{6vRZIZ>?XLUmes-GoopH0Uaema=YLOE2Rl00vh^etZrV0FmB!F7UmXD$4C8o#
zsON14Or>x-%dCc*-^WU!%FZ^dBly41r=QBG)!$KXfOG9^75unUzYO|+iOFyu#l9y$
z<-!cxM-?*XUqCz$^IaidV%eP3m*pN-u~$+gU#`0DMGR*9?klT+_<Lo@>OEGg&KDi6
zTGj~1HEjLg6e9?4J)&hB8c2dGX3nLj91>hozG0i3@Dvv=MhOL2P=%Zf8{x(qQHGt5
zv%2ff*XytQL|?wHm=ERU7z2t73QNJ_!_?xF(B&|mu|yH|@W3&ZCCAsXK~_C6nhb5}
zf?Kp@^&~Hz*(9gLt^-jlm<~i+$I{W3SSB3~L?<U8Y+wy==G(euaGil|s8N=dP%5dS
zK}Dj`CRn?un$_m-aud9E0+Y+cS~Qj0?pHPDde*TTRc`ZE_6{A1P?y_S8|47QHnui*
z(#CFK^h>S;YqzmAx#kYGp81UUe8UJ^4(u&#4JC)-t-021Y())gFcgCpY`=zG1;Ly;
z15fp`FTl&gOl|J?E|#a^txt5zu^4$Xi%sWWzEW1cK9w0uC((&Fw`?GqB$Y->K1sA>
zvD=K#ZGp!wBMp?G*XDlT&)!Ebi%ej2X(dt7WC+W-<lZ5+hc7P*VA$LOJJ2CvYb~pX
z+6(n7;M5arvl1`O6c*)^N7yWhYn5^wEZ=5WI(@DZ*tXVk405t6CniwIr`7sZFgJ)^
zXt)MfKYy65$er~ByU4)WUQKQ8)KA#)8o)qR3%`C#*9h$ESo0ZP$M}BkYZ$Bh*WjAh
rzJMWFeXF_>zVSMX-36L6TuPphqykR-3tJ7x-ek48pS;fgxbi;%H5EAy

delta 46260
zcmdVD3w&HvwLktjXEKw_Bu!h|=GCN4TS^~En|VKoKxfXJnWSx+N7FPd2ux-slS$^0
zOdgX2+LVX#P=PvEwq8Zx=TEQby#nU`97V+{K2Q(}iVs9ADuN0E;^SVgdVg!}z0a95
zleARtz5n0mPd~P2_Fil4wb%acwbx!}@8e(pyz}-SwLS3Znu@HP_O;9YncPD)@7g*h
zhgxN?*W2Fi^|$$l+hwmLw;q-zrI=4GcjQKEw^qb_lx=wN{k2~gs^>w7O5k2h)ZZtr
z8tob@l$pDxawqF+7TX(7mQ`DW1?tY3#b=v0iREtTaJwuebK;i8@>oZ-UGBEzzOdy-
zYh(NNQNgWp@9e(5c3GbEOSzjb>{}W4^(XgrDRs77)z(PW+}@y4Fq^w)Yh7-9s|<vF
z_Pw1-xoz>~t^c^T+}a7v9kDFla`DUM)%N{!s;1HT+=B1hMk^Gx%Q2rNcSyR_NEM3v
z+JcK8lD;7r?H#PrmP^QU73QEFNTs>l#+l8zm4OYW>7Ww}CZze?rkS<5eSynbKmb($
z>>Be)DX1PA?dWVB^L1!y#(X0kDIcl+n9!7aI^Z{&sSabl`P{~!uafF8<{J%;`f{5-
zxot5QY!G%%ce+8=m~X1n<7>_O623`Zkimj96r?-3cHi%??o84jW4=VE!`C_qwPU<s
z6bq0%*2#3w**f=_vi;Nkb~)*r>CYYOlpCA}t<YG~=QwEdwH`_N?EJUwVD7ojTUV$(
z0g_B^a_`rS$-W7xy))@cEPD6t6t-j!B>l_^Krw$H<8SZuc6PRgQ@-?pX&(}%a<}d8
zHpLFHU#_mjm-d&7)vDljZyHGce4xkV?!*yD`&^y5f$qZ<Nq-D}21j!Lr~B}FD}WX2
zEYb*ea@^;p!v(}0xotgftC*nmLC@k?PmO4@_JMsmCw-Q_#dq~xB^cwq?Dxpxn+F#J
zW4fFDOf6n>=-s*%*1!?ogRIZBxb{dy2(<XZ%Ft$gHZUPf8t=3Z#&*_c_3bazS$N%~
zuQd*JX5ZdIT_X4J(TJ%ffW6B4Jb_&6<=xtTXMJ++mdm{+vs?nLs@(4`4?zF<AOi#!
zBUc<1w7he^(Z$E#{&<lcp)B|K+qW-1arG~R^|1p<Xx8j&>q?=)EWQ>BJhRWUKlkL&
z%@r+yF{qc^xvRqKj7dryhcP`C{=Lu?_aOkSzM~^j>jZTFNKE1evikaSw@06A9+iNi
z)9M?O0Fg+NfC8oGX5ZZ6yM|X(ER6bN63Q9#b3q9xP$i|I6u<($C~Wg(z*B&{NolZk
z4#Z9Qnfz%#mp=mqDyNxo%5rPWZ}T~{RV`QrQiC8h_qnOnJt>(<O3Pf*I215R*dCO&
zw|9B>by86_Fqqm(EI{>xRzSZ*fQd;i&ZeUVQ#MdEWdAYUSdk8};ac1{b3&*YI}~k)
zSvz`YxHatY#n~@_a&}XNvm=aEGr8xpztj$?6TtV(>`7te<o>v7OE);HP1o9~JWyOC
z4}Oj0zBJF|!H-Pt<@t`4*?oTxZz}icYpz~7z4ve6tzWfo+}E1)d3;vr52}{?hikuL
zvQxk5^x1;BtB;Kt%`lVN!TZeTzI)8PzAXrY?DWMt1_3i(?*vr!jqc6(V90YDk53pU
zDdL^bl@A<0Y_dyeP!J{M{&f6wwOv-HWQ%WP@dpbXLe+j=B)9l_KGJ%fAdKa9U4PvQ
zr$Q>nq|w~xuV3FV9faWsP6dZs?Y@r5AotsyF)5XM{rdNp$NexQ!A$P<8*JJUiAl4$
z(>J{0wReN>lH-!Cdj{vysAT2^^H?xlS}*|xS)kxZic6!5f4T8uVOt!^<NKJXk$u3K
zhJqLrFv50kTpHgy@5>FnbFvy|q{^Sk{p_7*n#Y2ZzV=>_7M#L42eP1m(R9Y8wqWj-
zTaV^8-ZJw4hVb*O*{)^v1KW*vEJoh-XHm1DjKSC>Z)=s79~&8}Vc~4=Z1ZJ(ovkgt
zj=2Di;cQ^I)$QxZ2Gq58OiC?2cbiUEJs~UhX!jmU<X%15ve4oOn{|Sh@`KG_DU{q$
zz-=}r&BzuXO#V<;>k+T_2s}wgDbbuC!l14(Y1R)Aj{#C)?SV>Id0^R-rlFRKXayao
z{26c{Uhl#EutLDPHvt55lF~*QDzf;&_dX`9ZtLWWOuIKJr8*M6+}#5Wxs(48&;l+g
zSr%XXhn=uO_0pvf;8}O)$5tW!n9{IVN}lfA6L*GT5ku#i29k@(g;!4lgF-SPrFv}u
z*o0*D$*opj#~4^n4vsR*#S503kX#UWAYn+xi4lWYA_v=m4$R%6rAsV6O#Ff|2{B%~
zJSin|l^+OdhH_FG$zAn<cdpYc>eJF}5JMubOz!x;P`4)Ln~}1CLWnpGEL;C^UYO3^
z^N%}oO&{F;-}1B~*Lc^O!HI(m9Ew5aq^W~bsEZ`S(%{_(0GgMU5{(|5WkjtZuQ!C`
zL#@$ysihAvB+p5nzT8cB*;Z-#I46w<Q@ID<u_5>JT_0UF*Q*SByLV2?^ycpR@Fz^>
zK5&4tS(@+5_1?V=f+tuvI?Z6f>+T*|o%PL1=~2K7#0OGp6hg~?yZddvv&;vOA>(|Q
z0UVxVK44q9nS1VPN=kreXbCVq0b$daq~gykjpxkwURXZo#|f3mU4HMT@(CHA=W{pQ
z>nxXgQAKa=)V&+mcXXkU&I1@iNPAgi4tPH_?vLb7|F0cXMprQN-j6U5T_EDGAE6?E
z&6`{O(T(*WqPJ8;E2z0Ich^U(|34S7*!j`d%ZwA<u$0MmX?)T5iH{4KdEt~Yi+}v&
zG5t!9R6xF4N-o~;AQ7v~bT-BO^TBZ+xiluM&kcSyv$*)LzYw(`i~BPjDRSNQ!rJ$q
zGLfqmh05I1`Ky*PFAje8`$9!rhEb3EM{=%*zFA>L2*myKxr)z!pkmTTe`FT#`@AHS
z578gt#W%muRo>w2#c7@PJ9@$2g~$EQUhEJ4&K>>gjjNKqR@JvaVNdQiU%j!x-OYGh
z-HgXgZIJf6x^wUT+Rv)(5JIx)Cr|iYi^snH?|0ew@3@={(#UFm0K95fC!KAy4*tse
zMxbf0$A|lfL!Cr;LRhx|8zgzUL)m!BaXHlq)49_d_jMJR+vOR*3wF1i(|)_O7bH*m
zdNsA3-YFlr>MpMtio;$niyWXuX&C+YzMl4Wc}h-C_Q>ttNqKa#CqVrLMEqXz(5Hm8
z<d&P^uTMmT)eC6|Q`_Yh|5VyHB>};xJf}J~P;La)XR16z1}T3^va9<e|D10GJy00e
ziIjgvTV;kd3aW5t?scd^T<476Duaven)b(nf%aZ6Y>qb^^0w{c(E;c`y&t?5(7A#V
zB_kgm7Cc+5Nl=m+6?)g=pG|_Rp*_rISPwH9@~2_JW}4=|$1}tg6SkAwCxq2r=yc+M
z5)5i|nC#>_#C_h35}`mV?gLDR@x4@s$xiZUOfXk=!ba2U4?wqMvS~zEy8wnB1k+(J
zThIVO#Wt`g`prSG0IhREovo<Ot=2)v=5H&iOLl-!aqz4YtZTCq%HSRG&i3Fo$UD~q
zyP&Aw>xBglM!YrD=6A>WFuLM6jEB75Ls&NeYy7C()&>4QF2@cGwL%CfkJGg_E>Coi
zNV)&~(mG;_3-zm}_K$<*0dD&cZu8xFTU_{-P?PL9)E<t@iH?ER@Tfe-evOhfW5Ppq
zjC2+P1zck2_`qM2d&!Gq!j7s@ntqAH)*l?gy(2<>?vsz2$R!EEX|#0>VN>QVa&1Cr
zHzp2Z80k$OB&QOBRX1`lL2e5R9psXv;Fel?Gkjx(*v$Bqi30(qJO_agHI{pd8Ot`M
z7%MJ$6a7qVKlyA@xXIYYe#Q=wj+AiOPFI%_W5}>KKL8;H#VbO2^nj*nqKiD35<*5t
z|DpEIxa{mF>(fG7H**-`y{z>-wni!P*R)VCS`U*q-Vo}EbzE4t*)b@?8Z;uuI<wI8
znB3Mei?P{=%)O{QPflipdc9;F%=mI<c^&!CxUhS-n@?z)I-zlR9fL=3c%6esafn6+
zF_MbQ@j>!$<AQUI<46kU%8YDH^ny2-mS+>hJ0VyXl09giF*(r#!8=5H@)#7bNd^(F
zW&b=_BrawAGz^sEJ-B5YlSg`B=LvZkIR*usdQ6__N#G!bHO>fT>L`S47^y(K453>A
zlhk36)3*xcWw4@;<W3#kko&-~6~vnnoDJtTNx*0iqREo7Eq^8>JT275WI+0a+~x;>
zX26fpUmia>IW4T|bNUZ49oxMV@~C_i=LGnq4A`d^xklu^)*~4h0Q#%V-`5)TLIwxP
zU?GV6GP2v>Tab{D2goZ^!e%k<BP*wct@WV{XhK_rDr|p@{Td~AObcs!K(_+(xTg6u
zYcR!{PqJSL_*L3G=vk29AitXyKKB+DswZb=gwDq4{m_lhNg1bgYj{eY<i9iUo9zAv
zp)UXStgutqW9G?A7_MpAv9BMxE_b#b0k}XG0n$XBw8FIyO~)$ijH8!U%#d%)3YS)f
z5p%GMgAFuUF(=ekF{L3}vVTM(d*+01R*mo^OB|9cWX-&=d0`567a+B>s}+JP2r`w9
zdiS<rd2d&1HsJM+1=RAsSzN}Bu=2@5`B4X!$6)<5gHw#7-}R3ATgT`Rm3zcDgEf;7
zZzf?Elw45509Z_CaLmn6m4zw<m{+1RlJ1t^2i+|JQ-R09cw!Qy2Vnt5jtCAP_sK<a
zra`DOw_w#sNw}fe?wtnSlByY6<+VbMI$y|Lj|jEo@@s{`T`|BTH?7$Za~;=T%ugy2
z0E~%83SxrKEd|M$YlZhNbVHmVyQJ|z05d;vh?`)b#(e{=PG8cW4M6%6YEyw33Gx<B
zDH%vB4Y;I{z__xCJEaym25Vo+KN}bc0BHuiJ2*s0p$&lZu=x&hq{EOOIErf|Of#pH
zmA5U=6<}O2TR=pxuQf*Qof8^ztA;C^Y`#HS8f7HITrkkZeFM34Y}0~^wd|&ya6;-I
zbGR-k1Ak~ICZsXm2{5)l0i&+=Ujx*?+W>D@EI>1hpw|I#iD-i^)g!_-RY|u|E0h>P
zVN~*sJU`gwfJHzx#1@+`f<6~Ajxeog0|_+_h0-*Xf;l!XXeJi)>2I@#*$1J)gwN$0
z{JYIDsF=g)qgl@c$U<w3`3`faT7APq8c38FgR>1XuESKuf&NyvlzV=x9ucwC<_pl$
zE=F>I%LN<s4)T1bTOx1F33UtOOos{DpTEr%W6Ttp|AHw3{d{grFf|64!iNfm=sAZW
zI1|k$+I*N@gp5bO1`#kd254!R$&C~Y5%Uewso`J^JO7UUXMNzraNv&q-B1V|=KZ&V
zn*r@dKo&}j`IL7OR^L$M>`>rr{fz4%m9clAwMB(Oqs_OMmi97|J}wv9I&?JGliUQ0
z3ay`}z4+SzFbTE;1I+vS|9%4;;s%)W9Yg~}`f2~e2i2J{IC%E%bEY1~)J-J>dWyS$
zfR-L&Bm-P7v~;AOc7K+&J4gHQw{_o7Jwf2_cLd-Edg;m_Q;;5HAnh-J|HwJO&v*dF
z)L<jZH0~#N&j~x4ZQ!A(&^WwOK}3y81?(rKLGqsGg-r`>?6phGkA3*tIu8j`7<$;`
z{1;ZmKHB*pUA%hP;?-AJ6%T7y#S$0Dc+>?Ck(2iIX<XnAcrnBly%_B2&;TP+VO<=P
z28!I^mh<R-H(M4Rfk1B4=$g%A{y2mQRv&}{Y^i}zKnd@ykSt62awnsa+>Y4H0wgL>
zL1~l`0;3XQW#zaZGq5gcRHD(wh!6LxxNvi+qfnqu1$dbXk}x2Lz+@bVP%H+KU`Kd|
z#tYyL1#4&u3V?Sjy!r=`bBr0nj1~x)FtAbOx}hrf;8cAwAu*XrMb{J*FfwcjO1ark
zghk@#3P5-ZzW=5%3}`lrrUCjf=o=W;>veJ&?Ovy}-$nbYn328Zwfa0#f+_8ml>I7*
zwLz(BMtsE!QoRsa;&?*%$~0^DX62Y4^G2!}hw<g66}%`HIs$8}+FN*4j=C}{rho{g
zror`6D~|Jm2`s>NGEjiL7g8(Y`*_w-eD`SKb+pO}Rba)21XpwnV_=kk1*#F#P^x+5
zIIrYoL0vcWRyE=XzWxTqAer}8M%<K!OfK-ZDWle+jvACYpj5RXrg^PC|1i}{Qs1Fu
z<rc_;73>#*0R+}42hy+t0w{yGSg0hkUcyJ^C4Ixxb}9BV4L`Bp<38R1u)$k0V5`F@
z7qK(1sj@>AqAxZgQE72V&>;J$q916S#55g!PmA2MiZ27fP6VZbyf!8w1|570+)dEa
z1+d`yIYeS=o&<!t6x^ATGYdgB5CJ}#aDb$MJ2#GI!EQqgcVR9wqCp*EQMKDB2N|3W
zVW@*c8c+-UR8WVwWX)^_eIR|nJL$ykt94LiWvHu9ws8?L1$HA^*dZ9X1yRI|26lEW
z>^vO2Ehy#OHrzA`uT4RNQA8*XSR8E1bcRw72vA|y3GY`S!jDk0Ab)F%^VTUvH0C=B
zMgZ0jmp7yl7X|ed)Qv#g1>)kq2u0l}`#A<b>1<QZZh$15#K2YysKe<xqp31O6-Awg
zvA1ycHiZUT0PPs+kb6p5KtQk+&8eWyB~g9cu$?`(#Wqj#MI+(o?tRR!aqn$x(Rg+N
z^1s-@y?pw0D$@@wW=Fgi5I4xy3plw$JAYIoF05HBU<RYa7%mOCR*Zo4m<@Rwqnh=g
z8N8w5&S}Rrb#xh_YlVx8fLH&lZ8+ypaC4A0Rq%!)GMcr*tX(S{e8s_O{1(>Rlx1!X
z(v7Uaq`H#Ah>Sof;BAwTBv<3cxNW3<HDoO^Fo-Zva1h2<hz^XaAc-&{nXx7<S)|rv
z?$Ttv$hSnfJ7Oyrx~MDK&pgpSjia;{Im!X%C=YXu1{Dh+im6{>elkL(MVXfzraxlb
zNseedA><}Gs@A$;l4dkjS;a{@n2&XGc9%i}qub(BoFsCOYn<eq)=Ao!leB}IJtth(
zZUUEx^Kl&CgX7dnE3dxUv>z`_@NS?44GwU}r#U5<g;#yxyb6fz$7~_&KDf*Q<;@tB
z9l?Y;Us}+Wf<$zs2v~5X_%q5IfCXOlG>|TDL_WT>jBD5WX;_3PT5)%c0_@-}X<r;F
z8I-!wzZTY)l*C;W=#+)LCKDdUkcUaJLYK~MyfvH6+<F<sdJ|gfC7_hLM_gfgnbaPx
z8W^*%!ps$0ua8;pAh#YEQ?<ikjrEQ)i6M}P*3%dh$5Fd3#S7L$)TC6iK;QA89krf?
zTMri-YCSY3YZ$DDfe*JHib!azH?6haJhvVK;w`MV!Rm*tB_zZBL$tj~e<9XP`G>%A
z&n_IK`<p(tz3Jt<8+4IbX;6c=9@wQp-h;{MD~LHXq+)H5N;<;Mo*kt>LQL#XVJ{Z*
zAp>7Y628NQjO~PP2(2_c&vsm9z9q9L=^P3>CGUdXa8&A6M{QE#VgX(d*C0mcV9R#S
znYm_z-4EL@E97U{nm6q)02W`(D?5)vbZf6>2MVZ~mLNT?hRX-&I^NA>^%O)M#LNTp
zU;|Xr;iD8z@cIPQJi;;xM+=#XD9==2j5Z1xj7kWbX=t4GMW}^lS*~G@XF2ATEC)z~
z<A$0UI3n>ZK6G*dR$*nSg}4Qq&cdmNb6aSWlPwmr%3_h#E*2TKSg`HcVd{?un5#de
zarKi$t{zV1p~<_rt5@HTBDgfJzMo2ibALGR2I!B&O!QzO8V)Od9_GtxSd0rbxCEf7
zVl&LoXStuBRcN61<|04eroapoNo)Q56!Y`bZ{_FLY<6>3HLtiTJOQO5bV_kmxR*V`
z9Lpg01BVqifb(vm*j4Rit_sfyqSJxbDXK^~G@v4@k4ZepT~$B(d5AYKpfmuz3yu34
z7!uIUlq><vQB842HLW<R8Lgw5D|S>6`KcNuwT>#o9Tl8(dMih@sfFRpqTtM|#o3G&
zXCVrPqYMm3G&oBa;jDw<tdrwRJ(S6?r<$#YO6z4f>!UvoGSU47G#ycJ23}{CFH)$$
zT^xlO#27fCCOOQeG%y3`X`)|9C#lAQvw1jv;0wWNjWd`{ECaJ{w%4Bx(v-=f99bz;
zWo2t%0DX^33gkYTY%wL^1te&Y^bh2oP2OMSl#02U@ZbvceU!)Nam}Db(9=D;;9y?G
z$-Rn8@hXVPxd3%^&=~6KfJhx=!LEZs5(0O%Pc78TFlRRc-W61e`<c5NWk1K@C*5H9
z3m$L6A8D_nmWbp2LQ`V~H;jvdhcUNs<~D@{<-_|;7IYx<l=9*d6tv0(m*;{bJwWW1
zm%6+XOHDINCAg)=G?p4>mV&d~D9g?*1%_k&r>ka>rEJVnc5W#!oN6i9=cp)bWBxeC
zEu}FWS_%xOa-~&E(Jh6hW{z9R#VqCKmIA{uW>7e$T8eHaG?p@JEahO9a=xXdHe?|+
z2xd-kJ0ul5KpAA<5mfsvEPH5$S7z81n~!G?(Nxnaf)P{}umO%4J!uD&nys}HmRVRq
zb9)kNb0?B@8-Oh7=V?tG^NjMg9V)W^+yhe$!wxnbobYxY+jS`vV1*XHlC?zMahV^-
z1Kv5Xk1`)^>=mIMUayxfkp;XgZW`T+b8#{N@2}Zh9LltqToO%|yQTgd$t<0Vjb?_h
z3`f|624RWZrucIUXItRu@=ye@Sq88<4zPI*z^od8IT*mekaR(Hv7c^kYmdg(@gjhw
z6!d^~CON<?3}99cFq=XGrgg%o6n6Rv4Zx-~0Gnq3GruLk7WMH9(7b82%el#k785{&
zPCw~r?&A|n&Aa$d!<1_*K;u_*knc;kRLrxe(42cT{ooS!xWUb!JkOy#r-AYmg)$3r
z#u=O^IGi(DILC|NJkH=e!A+dem>8o*B_N!YsN0@{>^ep|^X#XYC)+KWTnSEsT8d7b
zyltAAF$Vc52Ki|Y`56u5=Tyieug712d{P7X41@gSIU$c(`wcD3S{80Cz_aS0W;E7H
zF>9r{wZM3c3}GBAvQ~;&E6uG1##04OYOFQG%#-ET(ijgXIT%mnvKLv)qp68AYk|)|
z5KVGxf$<nGlx2&o<<eMdOk=HaX03^HT8jvCLi0+yudrX5_YL8>l$UB@?^CdbTUM}2
z_RI?{^_h~3JnZK*yl{Hwyx__`KDpAAf~_4WoAwWq@68K6OCa4Cg_rm+Z3p<Rp+lNW
zLp^x?Xd%U4;KN~f7F&*Mt{=e&1>sf?^J?gyQ~VkdUO1vYbzFN5X;OO)39lKUZdtr{
zgs`6F1#`+pq<JXVUKlL(CK7sN57enua1d0&03Zb?qNq%~Yebu$f`Y=36>cD*2$%K-
z(wO!J(m20?G!XzXXLsy~^0&UgwQ$Z0Tv^!-jc6?Rw_N1n2AfnYxa?J~f(75=E*G`n
zfA<}(x3=Ko_hPHjf13-Q_{Q-T<0wNexUJ8QKd=P18|=)vfFq&f4B?oHhH;H^nPSdm
znmd;nt#e5hIhQHsT)^#8f!d_~oW{9;vqjKaxpT3xpLXtw9U2$XQsi7l71sfiElr)v
zRkO^wfZL@l&MOoszR0<ZXrhk^jdPh{&Lz9Vx%e&qHec?x;rhjQCz^zue`=d4#c0#=
zKyG^KeuEQI!J|^{%SW5))stMU;aPb;h-c+sFyPoYxjQS=kw=aRmx-f$N!fA1y*dsX
zCT3^2cOiS=M#ib5wYlB(EAkV^g;&MqST~+dGs|soNEuSV7CGLXmH5D5DLH<f5DQEk
zu=2uouUQ^BFp4MN;P_t1B3nE7p@DYqn3RNc4J4T6_sU=(i#*wtRU0?UDI#Al^j9fo
zETGXY^3m&sy{1tdax)z49U%X4t5CnLaQsZ3m1KOCkd-8|?FPZI-H!Pm?5@oU>jIuX
zhvV3IRt~nJkgJyIf@7A`<i;C>mX)xOD1A4>s{!)x4MM1%1`KA%yJAAiBBNWv)?56<
zeWTE7YBBQ`JS26aa8>nuKv{j@CaO$+bfeH-H7hy5w_;CW)e#QYlM{=Afh@d3FhNQY
z&bdOxB%Dy~_IkTfw;pI{R(8*UU`3snG&2veFjB(pA|zC5W+CGaQD;_i<8I3$+hBZ^
zI<xE!l3%|==<cy~6iUb7r4*ig%t|eIu~R)f$nR#c(}r-b8(c0M>o_}$2-bo`1`hs&
zpWOOR;nJ&SI`D8`R<d`<aMf#8j%B$m+Gfz&c(xGU7l6P~2~HPV;Pf<Jg)qYfb-1Po
zx~BFPv@*-nd*RF)j9_9f9Q4ad$-QLTO@ez>YM<iZ5lhqiNctwBsdBQVA5Igu$f=fo
zLT(Zw_No0^S#$g8*-kWx+CMaoN(5TW?I&$F3zn)l7v=Hv2grk;5}NRKLaiy&!IkYG
zpSW4LtkuPTyP?zUiW_w7Xsa19p_w#hIo`=`n2;T}2%Bs(olH!&6WEY=M)Lv+VATol
zhT7#e+3jH+vU&Q+v0DVsLZ-*AENo^u+YSAJkU9qUEhfOy_HlTL%Z9l#D?1?Uq19=q
zo`mXbp&GEC8i&zfp{5fQNc3tAI@yboL4i0|z~k=6<E+GStB|a+x|vq9P?&q;J!{DQ
zpB7Byv0H_8m1bTw<L)QFzEwEhGsz1Q?tVy9Vx|*Yv-N9Ro9n0J0{2u<&549>8i6Q}
zC*U0_?O0kVN+rnW-X&ZSbi24+TvRQPik`v&2iIBmVIZxY7MPNF5S7nwh^k?Jhi2u;
zp)_<nD`$qt74H@{3}p`Y!VN5W@-Uv20VxA^xD5jHbO2920$P<<q+Q-YI5^(R%?&0y
zZ05}Y_1FOPp%*UP_QFA40Pz5yi{KQ%6wkd|_=sudh#A-cVn@g=?-3-?c9cBv9-)u?
zXHuvrrx!83UBq*nuy<#6A5Nj9l-PehC-S%IA(WGklJDOpbPMVHw%djELYZWN8%l6*
zj=bv*;a4js0tE-|lr#AoPYSXCZ^FHSIdsCoc{rHt^LETB$85cl&5w7yVMu_e2R>)e
z>Fu4NM19j5B2t+XHrn8(abQA5IT@Vt-i`^G4}%vjfO0uN)RUA^P6~*~+jGJl#_1rQ
z_IJxu`9I`@m}!NlBg`4yvNJ#WVWHa4l<h!&6AR4n+X#U)yVDg&;hnC~EZkoB)c+R#
zveGUWx)=-0lZQSkbW~272f!gr1XAV!vf^Vxt1%6q2|#Hn;`^9zx+><t`pJOHJ`f;Z
zx&dZ+`#%Y<RoR_bJRO*K4p4ySZtGf+ANaU1B2=Y4Sd|TodRSHd$M*@B2o2djxJ}xb
z49xV+<2N1x)BN{TAF+Q@__@j1n}mBi$$+CbzxkhqRYGOU$YGE(7jTRm&R_B`!ka=v
zOhRL%18wjQ9VWtfz{<YA5U}L;-Y-Oj%E=V6!29;tVe-%e!iH5zTHuvnW|{*dsl(*u
z2ZY&`F^%7u4rKD_2Zg)El_4cHjQtvz%Dwi*n!N2_1*ag&ow?iowPt}HCqD?+Y;l(M
z^GTx&<9+}>j9gc1cqU-$P+SlsX_6fP`%XOm4!2JO>_E+QfF7s;Qbz~ebDR!1JNjT<
zoe8))_!|c(YY9fcbH&x0V#M?r;gDb<SARzMNP`*Qb;{Ymd^gP4@N8g?|DNq8O?lxL
zm9gw$2@X01Tr-FB)t?pC3M<{g!suI})0WQ(+XZ75!U32Yff+LNknpe7PJj~ckv%X%
zF8sVOUEQKG!bRT^@=u=^erTKwAV{1b=9VuA6%eG->#1%S+$s7E5t4XHsLVh4MZqqZ
zCJ*B3*AmDaBrCooY-pIHaBT_9GPt${*oEGfKq4=HN${1K=6V>zY!5m4i159Y&I8KG
zfRwfa`I)Z@w}=gKIx}LyksyEp?%)LD4E4d0eEm0sL*>=ULef1Rw2*6`5Pa3K{mS*&
zu6Qt!fBXrdP1xxSLP8`4cctLOhkCmQ3W{&{K*4-|>uDh-G>zE?0cPf)%{mx>HNX;d
zTMGpkI+CwHC9FQzg^xF$66EbIfpB~0M9>q6z+GUk7vm!@?j?_8f)gD|o_hlNbLG>*
zv{3ETehDW@Uigl1L-$NDi*GUH>0qK;)~v2+X$md?LPl^BtaP;13O{Gq&n*0eue!kH
zH3bf`Ke-nVT1*EW<gxDx_R6^~CNk9}lk}vpj%<8JxY*>7FaVwmIwcZ*MzCE3K^ZhW
z8JvMMJlxy%dKJvKduM_z-59q`2W{jF&j@u@Ry*3q8l1Hc28i%Ip^^Og8KKoW$BU<+
z81Bx&M+MHuneVEZ49>xIaj-nx&*LKI?Stg5?+HCUW?nEuWqN~}OKxz>!rKAw3}kON
zd}%|oY(aSsc9~7m!gAIQ>tVj<`$DTwJpq8{6Jt8)$=~_|!6F!~9dIeTa}L1u)gKC*
zE1dX!hdHp~Z+<9*;SvlwtGVDzfZ|hgBW2Pz9~|31r^uUw5kB^;aJ^u3(mPV-pd(-L
zoDhVs0Z~NT!HR=F7P`*zwUqp0KNd!Xl^EAE1>3#I;s1$XTR9D{)U<`~{E6_Dh4{=7
z7>sm>V;cU2ccaiTyjU})hQD4|8L<MUN@>L`t(aI^LGS3`WtkF=j(N(VX=4H3#)8HF
zM;kdu8w;%U|AwBNqmgs8f%i|P^EcPu*T^~ASnw_#lmGTc&e6ug|0KB1qazCl?f(*j
z&!drZv;p`(pK0=6YvdelEWliZo72nB_tJ|0fmyOp>LTC^C+9HNIeMaTDu08u7E1d5
z|MgT{&|3cg!BmX@kNEjc7wm@Q@s6yMEiNheH-GYsP@^NS|5Ui7p%=EAbZ?u4Z`~E{
z=C%Yo$(Mg7bW|5INRV7PN<u${uw(a&g0;GE6}KfQX)0C()f=`gK`#^1sb+Utg8qJu
zkbP=?swEiE2&wMURCH)7dev-OOK|^SLDY(anr08sW>*~26!l=y#ak0_8W}EO%42>A
z%dpEwRC!J~bqjAR#{7rL#LtCor1vGEapi$R@YE7K=piS6Ce&d6w{A#CD91Yoc`lT*
zS4-GkAhcF{)fQTUL9NE!8uj*`MZE;<GUzcW*faPK!^sG)o})&Z$NAYVWjf|EM`24b
z(J_@d>Zdu44^Ij!^1)vU=@kaYu+!~w<-hO;;d6b4=<u+4*g~%96t6c74To)E4|(i>
zxSnj-EAG%+qPD1myuMFtBpdgND@k^**u@I--`p!ce+@Y`AeNJ#91_=%%T0!A^0^^>
zHTm(^MTfy2bvT?>vU*&sG1%SqVaE`8a7gbZ4}4o}UaoReT->_CV)3*#TdXel%jO}y
zkAc{ShxA6Ge^i`Rq%es#yT@TCcRwoLRdp7gcmE9ZeLbSzOq*niUNA1MLq#j|&wW$;
zT@CrcA+doe?s;CUB47NeXd=}wh>l|FYEr1(`wgJG{RQ!oDvtxSG~3}X3#j^Q5CrV2
z$fM6gv+!gj>whYa77JQIUV0Ho9{wq4y)3(lfYu&9KIFPHq9<SWbMbu_Vi#7Bk6)v2
zBKI87UGTmhLv{Xl6}n4S2$sCPMwciT+~nRSU6bI>f2m3Lh;V0BSsAgEiR+;Lo{hTa
zU8HGB*Qn2q#HXU<<h9~ja`BX|nmlq?x4nFe*=ey^t>pE?x~+Pv(;Bjo*B8V(4Y2}|
zgM&J|e%NBM*vY#Gbz6utt7|GDb4Q)z)j^$k?G|&`;xe1tn~z<Qx+1kZl!#`g$bGXq
zvxb2@I}1wOd_;GV-eR%3ZDjF??n3gmc~xrfdP5DlVqRB8nvSBTpr*}iA$yPNHk0_Z
zx=QloHM$G9K%^~;Mxs&jiK9BR!4{@^o;j-9M1Fk?NdK@PDx}vn7}k;4G2IFhyj-`<
zVE5QV_7Iu6T-QwE3qYDZs!FA{`o(cj^V!RFTdTL2E%3+6dqp0YF|8%{TxMLIH(#Oq
zgPy#02wJ=QQe7Rn`Y+;&{MeB0ZEFnFq-OHvD|B^=Ay*#<k~?Ogy*skH2GTU6b0}nQ
z9Mi4mvreHp%tvMQx5Zlicyd-(pWl?#UAtew%10j2Nd{ZQZnKB;uRNmr#9GpMmEi)C
zdPY~B|I80`{d?5k<z!=BnLfY0zU(F)!qY&yuQF62WyMY3Y%I%vvr+$W4f*6##sKXF
zd3O}1^qG(z`1TuCkbm0=e{FK;ZzNxL>c6%Aid5UqomZs#)8j*-%oVBTooz7MQ}h>E
zeI-o3Rd#)N1=KaSG%MvN?D}T%&+U4Xy{NoE(R>X^g8x9y#m(VRBD~#|i6)`mIzGFD
ze9@y{U#`gd7nlBW9f%>7Zv9pCA?emT=!5yYy7lCgTmMx4VUNB|Ai*2-Ystp9LEC#S
z(yt^d|GCUi%f(>R;dE*$nwr`*9*V&nSy8rzT=q7-o_x4nf58^DPZ}N1&hl!ze$}qC
zurSjs+g={pTU$$>*6G%g4<6L7Be$>D8OewKT(O2!-)pMKkN4}{E6`<Ck#Ag~TSHFU
zpex;e@V|=JT}Sr(yS|n*_k;JjeMtYU6;`vYwb^P0e`<wETjWm%HMD;U>mNQVt?EY=
zsD1gnusWPN2CnjwC=Bpjas4%<HxBwP{@%EiyeF<ViC3h^2jcpL`rSiQsa=V9Y-DQ3
z#i{hvcK$mxM%tz-c90cAdTXV}ymf~%p@8ZA<TFphbX!$tDkJi!ejk@LPpZaX(3-~d
zE-d-@SH#BM3?|{}%w#%qaWlx@6-p%1SvXP5y$-bAygLp9i<G41kH(GUrMtuxI%_mZ
zy#HccM_w7zS5(7DQNqwnXbOPz`iNnzt{v!a|D&;n1d!|te>7HDlc7v3p1Qc%+`QWX
zU^F-H+HHl0C2j4>V1H?gfBK`bp<1KM<V=j*{fK@i34c{zpa1uS{&uk}Hj<ts57(77
zk%j9;J^4!)%-Rz@x((#&-|4H!>pv6As+yar-H>vMJoRI76FKmhel;1t9#-Ysj{`=o
z{<>Isk(O%LcqR_|&Rsm54o^?EYWc5zUaTS2Ull8t5mHW0TrXCTopG_1Ty#dPZl+DD
z!b0Jx_)N4&+WlV@H|d#Tr+*^Wk^3JL&E%f6SWS9vhTf>!k>pQABPTre6S0v$hQ0<d
zhRPn{kFR_UmLFDn^o+Ql?77~wf;8U%^8n0I$t?CpU0FSw3x8YygWS;rm^q8Zx`$w%
z?0XC*|B0WACOwUPXk0>9ej`GZHFnuI#M&zQxN9;BsELrjJOU=B#x7x1<^o17d$db=
zYqNQ`gW<VoK$t)rl4Y#8`cZKU@9-PL`n@GVL-F|k^P}PhPW!@7#g+nF1G)MaV%ug-
zRB{$w$aOyx8#v!<5&agWFA#2QEwMGHYR>8qGrDqe$IrzwTuL{e)8gK5DHsK_xi)f>
zPKU$M$;o9Pc}h#(ifvE~Hj;(=07#85iq%{X%Zp+Se?0J_3cTLO72rMmqG;yz)sL$n
z+wr&xG9V2sk^0~-RJfh~#S*x2dAnZ{H<F60#nmN~b9K=u$5X>;a@`|hJp&DO#P`1>
z?rvlz!0KiCU;Tu*LBnv_X>kjA{$<4oyI&SJG->#k!OxdK0N3-mCq$V*lRNJGrC83(
zdY%;Pm2Uh}yof)(=Sfi_D4dTERW1^r3=Jisk)la1oCf{=@=LL$1RZQ9o;sqdB|X1_
zRp~8f;$x>3T%5TEmXCk?wYdGlf@|BA4P{dCRBRaw?R~10aWnbruepWp`~rBI$6pca
zxVuusEMq9)X%#h_o)$aEJ*UABKK?7{Uh^xexpu#zLZ|l?6*||wB8Iu;F8z)Q7}Kj~
z1I+!`=+=>Aubz)tHhouYX5&xIvhg)>`xcE^BB4|)npwswA6~+@nLPJ-(MA@2qfVL2
zo)On^wIBG6*v#D<6G>ipLfk_(ye689i|=__Tw7dXd0gC7TypYj;-zH#H)0bPzVdYl
zPAN*sz2AeuTKO;pmi@1b7nWd#)7<klh|PYxAYOD%Kl0S;;C`v+2E(i(m(_zwFMU?5
z+*vf~Xne8MJS^_G^Q+2aED}+U!nl{Y?G16`1~$Q%sAYijB+zixzx-QRKw+I*#R8}z
zv6a;rwid>Y?E0bDP^pnk(2@l~3ZkC)p;%Kyc1Mk_p1A8_QM=`g*i>ReHt$Yc4sqfF
z#^ud_0jJy@6iWk#V&4=AWyVT<(+MypG5=27vWe-4G|N~LiwlONUQOYwW37XXGK?D<
z$wjxpcA@zXVm0?!ROB)iec^Yi&wArW;IkBg8<x=;0m+Sa>^aqe0UHFo-xGHi+T=vS
zk5$n3{z2?4F&}xN8@83VH^L_H^c6az!8YXZc-(Yb+`yh`OvlG@I24W!rPI`OPJ_*C
z_qf6sJ=E@o&6dly9BGjS6@IW^5qlZ3lM_D@x3#-5hk%I$Cj{!H;e*0o95*PX<endh
z^%d$boX`d<RgCJm-eZe8LtMww4xv@cIV-vDIdOAA4$kgN+~=oP$&#T6yuAi?wlvwp
z?c4i%@DSY8Z$btFMxl`!T^Rt&^Wxfq3KQQ~$t}MZ*K<ydkYe(M--_#uiXC>7-uuOt
zN(Us9+?Y^uSZRW$ApFY^1Q&jt9@aM-cPY%&D=Io^+B*ZmM}Y^8N5)?hD~c>gPX9)%
zC=j6;&!L6oO|ed8M|&x)LL_Fsv&T?Jy1y;1H&`Me%dnN2s-8V-K{u6+PfbNLIJ2Dw
zbHp8qP<YntGKbxc2ur~5k>{jE@Z@C_of>XE<tEK>@uG{Ju!pp`Ag;990i>n)RD>2y
zaYZRaXSwnN!O7)fDr3EQ$Q2FSi@~YTQfw+e&}XVrz^0eApO;1@z*MAB*GhrO4NDV>
zije`CVEJ`gqbtt{I8_ZWcTE{G5#d+j`tmKy$SR^od{%H37(A=22u-I2?aJ_}3P*UV
zKM<W2yA<ugh+aJdgjR0^r^->lrox35q}Wtx5Sr)EfI?H@MvJL^wd!N(bSyz0tTkN7
z{AVO=kJ>GW&vmu*Q43E>9A)T?m~9TLlWx6Q!cIu$DTB`zOcWa}0w-gp*wpYE7%#!S
zm)mNk8y@(}vkW+yfMVClH9}|__%lT&l}fHVuB&Yr8nO;sS(dM`o>TP*+E!sht18cE
z&x_AXnG#rX6;xE}sX0mLCK%8yifI9r4UCZIJkkkFd8qYZdOaHj1f8N2V${GzK+>jR
zInhYZNAx%ZHs!1phES8$YHn?I!7|_^PrU-3i0g{*RGtx?<-2$Vwc|4SBRUlZ6`V?e
zicO^eO?kGa5tj-bnoQ{)dQ8JydU|RaUNdlH!dBl5{}Id#*W!~FmyDJHvn=8PvQ^&}
z>vo01XCW-YC1*xp7I^iPm%2={Fs#>$HaEHZaj~Y6Qx~I9X`gyX<p<iY48>4o)(=tr
ziyfpwN*$!~gE~m%2b!-)fepOo;u7R33@Y@>;7t%~+JH~+d=eMxBfW<8)QDxYjJh?2
z7a&$A0^ti;UE@-A3Pwgs5M33Vjlqj5Sq2D$A%fQ@<%&$|{gfZf`zgPufmAJ7gU`PR
ztEfVtqDw7N;iZ<S23n?V>h~03)bG*OpnL1ds+S-lnTaQ(u*GjQY+=sN5`tAML>K2;
z_N+x2r+!3q>2029c!>JG9Tuy{F*Lk{t_Wh369A@VG%!Z$_#93!oCSTJ)wWF3NZE@K
zhec%KWwD`*KAm|&^p&9^MA&brt+$xn;UUEz^LT*@p&pNS8*RzBPd+JL<~|=4N-)Pn
zs)#di^RcCjn-Veiqh3Qj3l2F2^;3+Sx;0*mZf!Xs8gg8DnbN|`;;t&I6YS>3w73m2
z;($BeH$)vH0~>8F*htT`(rSqAjB}}Y(^!Zuv;{MrwME1lXQQr+cL`k?xv~$oD5q+b
zElM<G54+*@F}%5JV9#3gL^AQAA;{XWRW=H*@LcT0Yg^P|i8_atqb&lPB7m;68h!)g
zr+}-XIJ4jj1&afhgEbozwql$qrEF`W{=%uN$U|c`M#7em)4_G)h*PQ2t`+Jp#9iSR
z&flflG%M7lZcZsD1=MkK(lJ#``zCBAuj&I&hekH=((8UBt}EAAw??U;uj$yJXr&a<
zU-diic$`@Y`D`#@U5G%~`yu!Wy+ZsIez7fysyZ{?()RYeCf2I@DOfbBC5rDWlyKXf
zRSU#qK?@2?#S{q3pY|EnYIe>Rx5Z^~QH#~FXD!rX@u?A5j$yhw^=3Q#!QiT9=TIUP
z9$QLR1W3k;aMW<>DJKP^6SsB_2u$#Qr8^SFTntLC3k&*~USQM9xJVenb@f`kI2;u&
z8uKwOG^v4?qcPp*p-G7k<lF@~ax+pODJDfH2-a@kPLLUzuBV)xc|lgrydZnlO3~7z
z8!TtMN_0mT4|IeSib}6objNzjqdV1LUj5QWSa8Qk6bM!*!W0Cm1!yyqb@`SNd<rA;
zh^#g05id9h#-RJ*sNHUM3{%6bXU|$R#Z!}0p;#uAWWb9=EyH#i)mtJqOVnNz1gf+}
z;8RN}{t5#0Q~(X|F16aMu;V~qh^J3V5vWQi2BBI^U8Aw^6Q?(qjyvO~u-g*0vA3A&
z{-Z#RM%FN+i8Vjbz<bVDy%J;=+EBr%rxvC$f<ZAnViSg=mK;B5FmQj##w7F-Y#}uE
zui@-(JPsM0rIL!s5uhej0|ld2+<gFCJah-5=_kTe^AnM3+NHA7B+fD|B3LzCDqb~Z
zDr7Zf47F#~1%a!fM&t3eHx0tMAPgMIYiO`S(s3wahCyZ^X3ts>kH_IGLM95Yd(nFu
zJZ?Cn<D$W%#T|xcW!a<~XO*}J#cC;C)HM<eOak?zZ?kv+zINC>I|0w7Fjhqr!&oUM
zcmF_aFe<;MSl)~aM=#XmHk%z5B}2+xYJr@>xbPFrUZMOX6F(F$yX-ubD*>@0V@k8&
zb8A!Is8}9R41?0d0L)9lW3H>v8o$QCYp9Q1MouvYP4g%kkkA|AE|UdQkbq*Vo4Q$z
z!2rUwg~k|y6<%)6Wg4UqE|3)<Tqsi^Tx`%%RSLD{H^q95V$}Karm6GY+;3RJoUha7
zwuM--d@Xy{;&z6o$sJag*<+)C-C~b8L++v&bf)+n!wkM#a2hl`2FAnUPKy<wX>s6o
z$4yqhDXzHy_=~cQ&?+wMBK%7OCC-hbU1Rq+?e3CP4$^}U6=rDG8`*GvS1oC14K!2&
zt{GCuYjaZw$8@!NZWYATct3>hG>GH`xC&z<bj9XnFI)@9ycm;)U!g=4>1M{L4{WUj
z_*iU^CbT#if>0KEKl~R#quT`!wBt)PLa-p6iW1&wx<|nZ+H-UQOPWBZ2Gle!%>^SC
zbeYLXb^i+~mXHIs|CnM~jZa!IWJvGNMK>f!++mu}*cuMI?Ik27=K(-AVxhnTNfqEJ
zBvo`4mxpFm)&glU3Q#YE0aXyqp#xqbJSNuH4h_2?sls*Rj);;Y3Nobaad8XfLSxXZ
zL~%1E7|4*P9v9mo`4Do@enGN?8sQ|2el3VCPSNp7dOVSm;UGh!V4DUJB=F2hi7X_d
zDj^hr`pnPaH5X=;3>GJNYnCyg1c(IsfKVvgh26r=7t~`<m?fcP1thSJQzXzDwf9Tf
zpirRQZsIDlY=~hv5f6{Sy9YHLVm3Q%@B#wiU&o%ch)~Gss|vHjI>eK~X0tsU@+_q+
zTF@9XbrrC#D7*&7i>~4#6L?uViQzOWZcrN-OEFBi4s<8LpXuD;a?oisz_Zg6F2;+(
zhkF73jBZwWM&ni5N)%{hgr!b|v#T){^nqH9E>DUD(UpuIQZ@j*6k(yXNZko9r;F1v
zQnd7lq;l3Y53aza;>?FEFWUfcy%14KBM7SUUA%(ZX^F0M2f%4mcqtOpwMZ#IOPS8n
zGy+Ybql*yl6J3N}JEV=EAQ=g-^`08k)vU*-urgdUBpQlO4NZr~qC9?r@w9~))+}bT
zE$S)4no3**H?@=_PL%+og%T*@-i8Bi#>L&TO#GyZC`O=C%;G2I7hmwXaD+k=JiFaW
zzqs2fkfWuIg`a5W3gst_pY~8Vo`-fN{!J004WO8b>4FaZM{~2>FpNnP`Octjtx}4J
z(`dy(N*Opv=`)8qeJ)|4A(Wy63!wllZm_S_%rbTw`G{4`PZmQd%&JM3G)ZHq0+|Y0
zjVKkj#YRQsYIP~p(io~Blf#!b&0?qlfG=)f@qA<@N$CttCOmsMg$J(a``bu8doIEu
zD*_OHuz}YW#Xg*yx-<R^)6`4qz9zOAluGnj{F(YJ{tPqmibnQa>Y_M>;-WT@RnNm&
zojc!zyA7KMAP4l}AB%QHB#tq;<gaiL1x}BalTW4LXxE9S;BeM*=RlosJwjom9*MQY
zJQ6u|0*=+d$<rEzg!&?`4D&_&2l}FA8-RnRs}*i_T$KWKP?Z9@<}GQJx*@FzihFmb
zauiiJl$cguHyI1#T7lyVbu=RzS%*(WV~PbhqBXRpXgnzwj%FEsQpb}0#1641><N3q
zQLLkaO6M^uu-phfF#tyk=xJjFA-&wfME%VpNezH+b|8^99W5P1CKQK|J>dZAnO)8~
ze2iKhJoZx^I`*@8;5Z4a9_)$s`YeNHh^Hd)nD!lx)8Vp*BQ$6s`}KxuIxQ6{%wF2v
zj!>8;ky>oS4oldg4OJLn(fG0=TsSnW2F6M^HEs*0z#s{XD+gqeN_XB|W)U)I8GV7H
zXOHj($E&A8>D%J<TWmx2$dIczY+;hvYis_DmgFMvHO__SqYHWCNpVdXwVQ&dW<9kV
zdEq)!4cVuMD<srCTzi<uEYy@F{*qYD_~=r=O^w^1GPJtNy;4Joet|1UU)jK&8!(my
z(&iAU&==9XCkQQ02rq3e)Pa74TBTUCYP@!}QW<v@S4x43ER9jB&e|sR4ZM9cg@Jbo
zeY}2rIy0_48WD0hqVRU`-ov_ewe(R797@bz+IXzCFkGF&WwFH_#zf^($|8s{W*VDl
zcp<lgycA;|*eapfFgjW86(N&Q9GY;I=xV~Bai;32SavqT4M#YlrAZy^c9emPv!PK9
z{2AwJ`}t{8;=;H96><h{P#Qk)=aU#I?;Zryp_%o};t*4;(=)9o?l>(CL6(t$<Yjd1
z(3vTE-}8dFs}i?c>@_P3K9owpUM+8dEle7FEvF_8k~vKQg1kV5pduYjRz<gZ%e750
zSg=h4?=(WN46;CwYTz3(liul!c;Foj-gtYm-e9UMq~TbqMn7z~!{Ns>-xcdFve_ao
z<*=ZVSu9S~pm6He3S4^1MG@z)+QFf*M1l+Aq*AYj+$DHJW$9{1)kdrthMB+@zAM(&
zT5T3rN%Dpgq5*aAL=!ly%V;tC`6y5dG4h@oT_ZcGILxetO{29|kPo~G=eM69gymAT
zAb|*Gm5v(u5kLUr09>u-j|#J?KuG-=>dh8N_`V9h0W{<6q;FE!vmPL#s9?5EYAjN$
zmWjOhqPUvzs7O++!QMVoW(uOSG=>lo#%bRTyxRyLF%u<EIpDU(9bX3<z|rtZa`UU=
zCS4{Pp{Zzc<#)y1Yv5OrGlJiU3as2hPCcXCTzK*+IGDff8L@sXG88RlC=bV-3Z}up
z=bpjb5*Fjw;sZ_!`hfi)s<0XqRx*f4t~v=+dmCGf%-_`4k=wrnN6~M6Roq5}fjg*G
zPp8+BGv5=p<4CQfl{ivmAdE*caK3#jEysn1KH$(mk_DQhN<&L-T3#3jtW&2mt)uFz
zqR{ZPnCe^oFhtC7Ox|3Ufm8l!ED3ovkJUPad9{rz_>@f}1z#?Phh0%K<c<KSJ6$fw
zvujriMp!gJtcb1_8rCvoE#%f9?E{-E7p|~t>uF=fW5yK#6Ex_VE@*?YVUR-eU~n?Q
zWmQ!v)*9_&-~#B<z@MpYcwS3wd_8NtWQ;k7I?RxEqc-x!^mS$Q30Hy!Mpl}GQ>{tI
zTG0fsz**@8E|rHHQ$3YOPcM}-(HtA7bh!m*vYo#_<q9HJlm^(!z$=({D{X|X3!Fkl
zk;1P6Nhwh6wQSRLUEs3NPKt?eW*g?Bcsa7LG?05wi!Ev?gt^4{l(@T|krknb710?E
zBwNV%)0!C$UkIaui?PBRqk#l}rV}RqbU_n}30_Gt!Jn1szM+v7lumX|rUF5|#nVW>
z_#K!|cfBcADE)fst8iuH@UO&ON&%hzt*^q3pHsgQT}mn4i88rtc$GUv%?bq_Ro*fi
zRsMr^tLPrlN`<E|oSe2WoV)<Lx}+&OikyIUvgK9SNW?PHD6Dr%rj@{5w@Py7wXh*K
ze@nce46BLo74U6%w3#e?OWa*cS&BxIme7F&f-Pio9Pa0k$HfhGjI_u_(<17mdE2z7
zKY<IL{5N)wKVrw23YL9_%c#f(CbDD_Gogi{gI+LK%>><v!$t2Hsy!o@JTF#gx>x-G
z3^9<DlmGk$+{XLji{egl+0VrlToW8g18s#4qzA7L!ks~CJRC#*h(l=D#foXaKoK{u
zQ-_WJR!2?KL*-_oA`i!mlhe)>X}P^@DjG@@#?D|J3J(pzp~0WQrRi@s6{0dmhC5EH
zJv8K@o1^Vptk#glqeR>^E<?Jaam4~0Rt;Y{=cAEXIX%8_v5=-SVr>m&FB)swFpb0L
z6I#T;n#C<iU5&@-Rsuur*BJ*Ofc1?6fR-Voi<+y$;?g-xNfj7u(ldKNQ?+Oh7I#s;
zVn1GLH|or}aq+A(uLoz|pgb!wX*jl$(b9MfHDGhS(vGJA>A^NP*>px+&!`YB><Pi5
z-$hksmMK=3$78f!#SY^vK!?_%ZO+mf0*LXTRTS;fag*O(0awBcCkHI9kadW?fhB*c
zFjSXgvMD?lD$IU^#pZ_ho^&_4%>wkruU~;SRfHZa0QA67Q<crY*eG}^@sO2;o?4@)
zFxJ#i2}J<H5*EnQCoq#&PaCF6)LG0fvr9Sg$`Qm^5JB__O{Ie;f*xc^lXXZ_3L?s<
zfT-EP4TF0_Gz@r0Ojm;S>R4(AjYX4Pv>Ei33JV2H2|FWYx>3MjYYZ@O_z(<&!IH(z
zHie9gB8Do(5JMlSDcF!Hn$gd|tYka|z))%xFp4SmR4(5Z#S3Mjc;U)Zy!1Adttq`2
zh~Fc@FL^Zcucg54Dkpv-qH#ymiGQ^5BmGKD5kP1OAf!g~%?M;B@ZpG+^xB_`UVX6Q
z;aV%+Ybo9OF_}e>VIQMGr^9suOTni()DKvI?8f@YF#h4%ao}*qry*3Q-?KrRDPNU=
z2?n7aY}wyRm6COd$)s4K8l1qd%Pf2mzC5!BKYy}nSkK`E#;qr(4#AEBthvpwi!nk}
z;Us6ma6$f_E`0?#9Rh0uPraVj)9BGaDH(w9P3}bsFI|<G7=(>dT(HJcT^N9PpH&3$
z-ztPOHYsY5u2q^2pBT|Q%3v)Fkxh??yU2Yt(DjcU)~zDDn++xtH#%0IfOG5ykH<3{
zVh7nT@>o5dP|;Z=AS?Ok1n~W537>)Sv7CX$jhkT)qzfz_@H3^rp#qC=gC)$>&?m6d
z9z`IXU{}2$>erM&hVh`Up-<G;z!SLxE|WRWM}rc$AaCdl9POgP7FcWrsT&7pv#S|g
z3?>a&J14G$S0(q?==249vb`qqgEec(+q(cW57g)k<k9cK$F7PbRTgNkdja;J$aMD$
z;_fOJ=8kD{&&^JR(5h3IK0ul$hxMEEIG%HClUgE_CJ$(>ikyN~*l7Tif~HwvS<)0I
z#Z4?yQ6m&Oaq}5*2cx*|a`-}xx@fU4TBx51TS33M0SfL?E+sn+n(u{K*!RM;J_+@u
z#6^BdEydVJD?#~I7+w*(xagx|%Oi}5UJ5h3q|Ew*ca#;W2(u>m(h_`utk^TD`p_f>
zW5f%~st9&pdCPfdMDPwX<AW>A8yL{&$JW$un9=o(kx*+Ff6UBSPzJnHjq;HXT<VIy
zFTxf&4LPoMCY76dtkz0!sYM?<)6mmp59tY*tI$`uxEbcNG;Ag4Lp!nD6%|D<cjE_5
zmbA=zjOM9=`(BB7D$1~qW>R{I>!2<)KTTd}Fl?n4bqIV_qmt}@36=^dhb$L$*{8n^
z+a&tC2v@WOF-3r23rWCLnL0*Q1Q8~Pu3+pDe9<@;kG<oMbbVq3bZdJDe66E_i7Rm{
zj7W`WQ0LurJIf{6UJ`u;^=t5(92?1}UJ_kp$jO!&DuXXG@O6)iI6Ylun0&U%uxIq1
z%I88>a#D3*`0v7k!g!z)myx!Y#jQ#`?tNGlRUNc)>Jss!n$0pATtgA7&B4O3yEYpt
zl{7R^@r;(!Gvu~<2p)#J$QFuNmDgBwzk_5&1B3;1&TH88l#MPbb_)&ZEs%}In?9v$
z3Kds0l2i{E$n_%VLst|hlZI2h&JhXO)Vr#DJ!BlXqR=O_5qrWRcAiK3B|}f8s3Wf!
zj4o(kFt(_W(A7#Ti$)|LdqZ4}3e)+`O-w^s{;Y5_N+F2=sY3?(VgrL%s|D6w2g_eE
z_331$${<Yi@DUBgB1?qQg@o3th$$F@O=Vh(7J<W+%QgqGNCRqwJy$wSgV^gY*J(CA
zdH6bnQAa-drg*g`Lc~u-<l)N`(_;SSwEj6G(dkVM<n^q+JpbuAeWii?s?G@M`%06K
zJa82hzUzekf(!DWe6N0IS-y?ve_KZW^F#Vt_(p&42jKO{nf36sH_Ki6{ZMen^(IIS
zSHMRU|M4z;%LP{W`W*H2@Tss&I=gE&L010>zIt=<hx9wv%_f>J#jnRDTJfWGN`22w
z6^$fy7lg;BB4q}0--q<uDu8l#IFx}*`VGMR+K2S3^3U9*ukRzr-q5eQ^MKK?YCIH)
z;1_V3cRTQdcNStf4xg<`jhKw&uKzGr2yoHzC}{TT5E$py*Wp8AhlU{P*z*oJdr^NJ
z!Zs*tB!3C(R+5``!f6x7U!i^FP==A5x>moD)WjgNqjc|i1HKiv?`G4={Qr4Ff6_}n
zLrkstyKRQNj$Gq{z~!CqH&kE1zg`9(6B~=9vnl8*dGZq74)UDK@J;gQUm!p}{;0kx
z|0TEKBQ@Kl?)}|;2b%}HeVyL^&h7&Tl@9_A#pr8)_DL2v?DFNKhBfPl!V#P1TWwkr
zO0dpp^SB~xYl7csV+7=>D-CsxmXO2gDSYRR^I|l?rNgHXtV8xFyc0C6G2jQ;l=6rr
z;utp5@-i%^P1SnfdS-+jwPH>2H@whTeUk+o09)y`bu?z+Qa4)N)~G}IE+neT-p&<u
zxG8E6L(W<OQV9{$BW!j@hgmkCwZ-4^VW&5^?RL25x0GMg?It^Hd>m0N4ZL^Ks<E~K
z&CX6R@Fr9W)M4#fi13Gsw8WQP)aqe}!{yRi312g5?a=77TEjMN^YA*PsP+12*v-%C
zvDQ@r+W4BVE9z#xU#+HXuMfK+JHfJGYK^w(jZV8I%rEUT0+t9bYQ1qd66H5<m(oxL
zYKDhw{Klk~g6gm#9CkUDYeF*s8=bInShVJ4ncQMEqEQ#WY|9$a(l9mP?6O0P1D+42
zI0(Dl5wjMMoL!^F2B+QbR6kUTfTX!jtrlw<!^6?gkk+Ic8q{J<jXN41wri&u%b21T
zP4*#=a^RbFf^ln<XtFx(A^t*$kzf|ANC&v%9tABlcrB1n71lY2B12)eoh!&-aD)sc
zTwpHc)hb}II4pLpbj+BPDByul94}A86mUd_qG7EKXx4?!2l!~Mm1ky|ZdANRfd#V%
zViB!$y6;vrVA;(fxDOf2q^DDni<@b+rbim`^CiaS6<YHAm4?cuF#T_dRE?fZPWqpQ
zgvS5$b6ASIj>620YQ0Z^gc`~ac7{U{Gx^GuhHZ`RA@{IH>$)kirp3*6xR+sHA`U4O
z>rko9;o*q2Xc15)F*-`s0IfMf+WDeVQK)RPhaEPD7DZ~k)`x6h-|E$vfrhn33N?a<
zat>=1*U(U9YFzLMjA3o(S#V5ejm-r|dbJA$<JMTF$r6UStMwolMHT6=KH?g-7D*|P
zP!-mNY*8~mIl+)gBQXkExE}7dY9UE^wF=lQ4m-bM#+a9k%KESsMq6uy0tr*VWp#Pn
zS{on%pSB^J&8{^8<;B00H5z7Z$ZE+CbQ^xOn_O_*ux4d4J_~pIcBN;cnM^zqB{jzl
zJM)(wH*E8f-=8vUBQ~jg9kG4ca36`DGDPz~{IX%%n1Apw!((On<EIVp5=i1{!<EGR
z9m9$Ir@v#kp~?vHS~|091WriqIb&FVljDp5{#TxNoT-?813!K|PbPH`X`T3vagywK
z#`r68^{>nI^>6*H<4eeir;TBv|Bms}{HpI64+}+~BCaO)Uumo$$3JbXCii{c_)z|i
z9~j>wkT-ThxHZ1g1gW6S5R;{!HC9r#W6v7BCErelq89RpXN?WDXZdzAL5h6ekBoy=
zV)He3mYM3w+Hzw9dG#6NMYI#-eSfZKpkEY*t4jKn`A1$hj#k#G-zVJxpT1?^?1m&w
z^EG7k?~M!Ow%;2g=lGcK3-uK><jf~3;KkfM##ID9>)TA`erK%G!MA<MySE$b^S}GO
zaf9BzCqCSKVKjvYp4lf?cMVNXO{G)(%FLc<C_K`9;Y>6YNoQJ{FQj8cE;(qdZBnw3
z_zB!yTdv_W$C#fZf6Z4k2B+ZEz~p!+1K)6NZ7%x31StXw|85x`9xnW1R6EG(*UQ)G
zKvD9OpBUEdWi2eLS#vzqeBop|9EUZHs>-{;bzM%&rgloGG>W#y3%=Ce>P=rItFc7D
zHJ`26T3sxFYD*rv-*llh6-vUld08*0YRl_{WE#6Qd5Q(Tl}1|j<@B)}hmR(|BdzZt
z-+B?CF#NQB6=|N*myu`RVS<m0!%ij-JDEmf9`<TGbfozqlYxv~ZmJZVq_^C(Hs4uc
zg8vf=+_>do<MtmHkVwQ-|Cx;@S;$Mxra>{kW{c^Q;_3wKku0!9YHglPz|(F={>iPT
z{XR0>YpjE>DVxfx)IAhXk<j~17m?ephlJ~@Vfawthek|u?@O3glbsWwl&V9y69)vo
z{2Y4BSWB8#7|Zil#!Xeb$-a9Gru->lx=)us_CZs4&91X;bhH4ccBLNX^!=vx1;v3k
zU(>8z@WHWdzi=i5r>9$+86IuQ_plitVhDFC>lhR9mI7SM30OdXcZ@D}=Mn&4_<@|s
zasmqc(ac*)uool%wh`Xsif%(g8QO==EArI+rj2C9{iZeK&-a6i>UjX1-`nnolf>I6
jOx5H{d`dn5gX4a{bTN7D0aFDz5jU0PKX<?BYt{c3_#s4w

diff --git a/demo/dist/css/tabler.min.css b/demo/dist/css/tabler.min.css
index 762dee19b..39aa17f84 100644
--- a/demo/dist/css/tabler.min.css
+++ b/demo/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#5f6877;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#eff0f1}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#bfc3c9}.table-hover .table-secondary:hover{background-color:#e1e3e5}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e1e3e5}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#5f6877;border-color:#5f6877}.btn-secondary:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#5f6877;border-color:#5f6877}.btn-outline-secondary:hover{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#5f6877;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#206bc4}.dropdown-item.disabled,.dropdown-item:disabled{color:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:1rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.8125rem;padding-bottom:.8125rem;margin-right:1rem;font-size:1.171875rem;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:1rem;padding-bottom:1rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#0d2b4e;background-color:#fff;border-color:#e9f0f9}.alert-primary .alert-link{color:#061322}.alert-secondary{color:#262a30;background-color:#fff;border-color:#eff0f1}.alert-secondary .alert-link{color:#0f1114}.alert-success{color:#264a00;background-color:#fff;border-color:#eff8e6}.alert-success .alert-link{color:#0c1700}.alert-info{color:#1c4461;background-color:#fff;border-color:#ecf7fe}.alert-info .alert-link{color:#112839}.alert-warning{color:#644602;background-color:#fff;border-color:#fff7e6}.alert-warning .alert-link{color:#322301}.alert-danger{color:#641c22;background-color:#fff;border-color:#ffedee}.alert-danger .alert-link{color:#3c1114}.alert-light{color:#626364;background-color:#fff;border-color:#fefeff}.alert-light .alert-link{color:#494a4a}.alert-dark{color:#151a21;background-color:#fff;border-color:#ebecee}.alert-dark .alert-link{color:#010102}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#262a30;background-color:#eff0f1}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#262a30;background-color:#e1e3e5}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#262a30;border-color:#262a30}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#5f6877}.link-secondary:focus,.link-secondary:hover{color:#3d434c}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#5f6877!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#5f6877!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#5f6877!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.topbar{position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topbar+.topbar{top:calc(3.5rem + 1px)}.topbar+.topbar+.topbar{top:calc(7rem + 2px)}.sidebar+.content .topbar{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topbar{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topbar{left:0;padding:0}}.topbar-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}@media print{.content-page{padding-top:0!important}}.topbar+.content-page{padding-top:calc(3.5rem + 1px)}.topbar+.topbar+.content-page{padding-top:calc(7rem + 2px)}.topbar+.topbar+.topbar+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .nav-item:hover .dropdown-menu{display:block}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#5f6877;background-color:#fff;border-color:#dee1e7}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(203,207,214,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(203,207,214,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#5f6877;background-color:#fff;border-color:#dee1e7}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-light):not(.btn-link){background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 90%)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#5f6877;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#5f6877;border-color:#5f6877;box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#5f6877;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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}.dropdown-menu .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.row-lg{margin-right:-1rem;margin-left:-1rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:1rem;padding-left:1rem}.row-lg .card{margin-bottom:2rem}.row-xl{margin-right:-1.5rem;margin-left:-1.5rem}.row-xl>.col,.row-xl>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-xl .card{margin-bottom:3rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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 .list-group-item{padding:.5rem 1rem;background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#8b929e}.list-group-transparent .list-group-item.active{font-weight:600;color:#206bc4;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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.bg-blue-lighter{background:#bcd3ed}.bg-blue-light{background:#6397d6}.bg-blue-dark{background:#1a569d}.bg-blue-darker{background:#0d2b4e}.bg-indigo-lighter{background:#d1d5f0}.bg-indigo-light{background:#939edc}.bg-indigo-dark{background:#515da4}.bg-indigo-darker{background:#282e52}.bg-purple-lighter{background:#e4cff9}.bg-purple-light{background:#c08ef0}.bg-purple-dark{background:#844bbb}.bg-purple-darker{background:#42265e}.bg-pink-lighter{background:#fcd3e1}.bg-pink-light{background:#f999b9}.bg-pink-dark{background:#c5577c}.bg-pink-darker{background:#622c3e}.bg-red-lighter{background:#fec8cc}.bg-red-light{background:#fc7e87}.bg-red-dark{background:#c83843}.bg-red-darker{background:#641c22}.bg-orange-lighter{background:#ffdebf}.bg-orange-light{background:#ffb36b}.bg-orange-dark{background:#cc7522}.bg-orange-darker{background:#663a11}.bg-yellow-lighter{background:#fee7b4}.bg-yellow-light{background:#fcc850}.bg-yellow-dark{background:#c88d04}.bg-yellow-darker{background:#644602}.bg-green-lighter{background:#cfeab3}.bg-green-light{background:#8ecf4d}.bg-green-dark{background:#4b9500}.bg-green-darker{background:#264a00}.bg-teal-lighter{background:#bfefea}.bg-teal-light{background:#6bdbcf}.bg-teal-dark{background:#22a295}.bg-teal-darker{background:#11514a}.bg-cyan-lighter{background:#b9e3ea}.bg-cyan-light{background:#5dbecd}.bg-cyan-dark{background:#128293}.bg-cyan-darker{background:#09414a}.bg-white-lighter{background:#fff}.bg-white-light{background:#fff}.bg-white-dark{background:#ccc}.bg-white-darker{background:#666}.bg-gray-lighter{background:#e7e8eb}.bg-gray-light{background:#c6cad0}.bg-gray-dark{background:#8b8f96}.bg-gray-darker{background:#46484b}.bg-gray-dark-lighter{background:#cfd2d6}.bg-gray-dark-light{background:#8f95a0}.bg-gray-dark-dark{background:#4c535f}.bg-gray-dark-darker{background:#262a30}.bg-azure-lighter{background:#c7e6fb}.bg-azure-light{background:#7dc4f6}.bg-azure-dark{background:#3788c2}.bg-azure-darker{background:#1c4461}.bg-lime-lighter{background:#d7f2c2}.bg-lime-light{background:#a3e072}.bg-lime-dark{background:#62a82a}.bg-lime-darker{background:#315415}.bg-dark-lighter{background:#c2c6cb}.bg-dark-light{background:#727986}.bg-dark-dark{background:#2a3342}.bg-dark-darker{background:#151a21}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler.min.css.map b/demo/dist/css/tabler.min.css.map
index 3ae7ed9dcdf14b6bb6ed32b438c1954de4763beb..14c0247dd325772c80c220f5c195662b46c3c93d 100644
GIT binary patch
delta 9815
zcmeG>X>=3kwdd1lMv`Z&@xCvzF#%&4YqMknF^m?=w!Gs7Qc{pD*_Ic{E3!!wOlcaL
z5HKj=LP8*PNz$feDearIuT9KrQ_>QsdFe?Snx<rF-bqhGOp`XtqshB7@&akzuh)0l
z(-VBKKHcrR-`&1@KhNx2_w?JgldZkb*g=@c=X!f!GE5lQ)I_o)FZK7HZtQ!3i@YC>
z<$7xbeZVdVf_}(;dhPhD6sbF%|Ahd>)(H+l@0SpDrw?rZQ5@YgU~j98T<uSd1gEm2
z-{4F$NsT-@m31BRcT-uUDROPfb{(u?p9JgQHwOdV7m)2K8F+0fgLqEAx6iI%>ZHvY
zBB$<30{U5!ayoF|mc5WaMG_*@)jHT(K+@aVD)rrV!CS4bmS_j;l8#N%(j)k4^kKWu
zXP?92nHF*GO1)PYwO1nT7!t@Fb;4GAjU>%vhlv#=b8~}WLqMNh2so<s4YDpmucJmk
zVHZXmb^7%ZWW6xzsMi<Sg$YMfRE%5NW)6odna?A^JQ97iw35$N9l2^t-d^r#)|c6Z
zA!ps3+M~{1RL)`_aawRIL>ZiOf<1!KDHE5?LmC86z21Q5az%yLjXHa(1iclRi%<w+
zJar40!KxZr>>Q@GTEf890uqia8;OO6$BC-cB}m6baT_IFQQSBNgCuUOrc%P7xOq%z
zO;p@i4Lr1zEGa-uIu{giU1w^P=@pQ@Q}DpKrR4i@#yXcQv%9Va?PO~dr*0y8MPl@8
zY0ZK+EFSpfa?%%5QXkc!tR9?&q+K!C0uL3Ee#O9gkzGN4NEq`50eupg8S{fdPc(|6
z4X|2I3KTuJfLBkJDT+42-Fk9|!gdS96qEIBy)Mge6WZ7ja0N$jVR8uGIrG;E9rb#P
zv)45;(u7(%1FqiTrny6VdL1Eqv%WLn=x{}yB_C5Zh|94}++9o}bb{5<W1ml;BB#wU
zV23<2xt$A{nlPgr279lm3HJ4nBzV$HQrRLSf=viE8sV~;c=F6nDQs;HgUc0-6FGLg
zl0Q5G+OiCW>Par=5zxUH9SAOiyjGGU=XDAOB0`GnM*ENf1(%`VenV4as5dJ^<{olL
z_#ubUJ|N*kPJ_LCo3wF0?3p3)5K~Lo?2S&FyGHLRbD*Q-(^U)3O8r2!?0&eoizLQk
zmekhk$Et<(b^3OA`%5GlZnu!avX**%xJt67Tqg|jZgK|T5-r;)?cOO2V9LqRjY1GJ
ztX&v`%NA0s-iBYig4GVmrNp|T2jd@;HZ-4nE{R!YlUE*L5D7Yku%jBtQB>gWQqrYD
zP-~gP1Mig*PpQ>{P7K+{T*J~r-n>p|#vFHSb#<3ERih#1a9&Avos>>q*jG%_;PxG4
zqas)ZzurMY{6GoXDqs)0dP`7F6A1fAV&wRQS{(W!;i(Lvx(0U<Tyv4@8Fz#+IW~qJ
zLAd))@}wGrADJBuk*ndv$ZSLjZ|@{DyuF+7@Vi}v7AL<<zDcZ-6gh)rlgnOjm9%OX
zD&-pIsg`OJ0#LpbB;K&2+vNi9FGzCa;iGhH^|+(gA!TXUG30<vyGVNWI2O18{BE(&
z6$sb3V;i~>S*=c(+C{oF#;Qt5)3Pe~co*?%Mo|fW*kP)Mz*k7Irq@%cZx1{AJmS%>
zkk`rbKzFkXqi(`wEWxa3m$Y#Sjm@~}Hdjc(^&xI+NfSJN56LJT>u#==sS#3*jz#Jw
zp$AjQisS|fX+`qUk|y!WJ>&(2!svywdq_+CeARSGWn;)LG(i4dvWASo=DlPUX@>{)
zk}@&?&+R4e<jqw;w7slN^a7Ym$$nQ2-X3||)8NlXNiI<PNGBJzHCO7#>?YT?vSt|G
zN4~;^%A2LD&f+RZh-yC(xH1Vcf{^j@W>_5|IvCwg^0;u(9Js%z8IJ8IC6FB<30z;v
z9Jmz0NSzOH5fTeC`w?fE$BmXW!<GFcKLI1mU+Nl=;9=aM2jQUz$>7FHWXsAB@%{*T
zR=Ikl990e5t*-IG^^zZLuCc-OE>zy?Dk(#1`4;gA<5))f95$CpLUuc>(mBM#2gwuK
zgub4ZN_~-2aAE;<_Ena5w?NmUq%NVXy9MLfCBcgjZtiXopMI2FQE=V;Em+kZeU;;V
zE#gz(BAJ8>jUp)Q7^&Pk+9JO3I611wz*`lsh{a57lFGw`L#VEXL&r&0T78Ya$RSk*
zS;Hm)i$b>(i$dh$U~=TC2pxky?W)(0IE6mAdYo(|!=mQ|G10802=%JARvL?1VAuCZ
z89P)G1q4f4#B<*xE&TQ(YpYZh0&cUlRW7sc>S&E>=yh8poHyX!DxtgrV&?934C+36
zuRA2c`;fQSinpI!p&F#D3m`5K6&G-qmm*G%rG{ZAwh)~o&T>p2%x@|6#3Mf?ACP53
z-EC62z;gV_Uqf!2g!2r$L)~rg<j*h*%S%vV)D*++iSD)<R0~7gHRK*el6QYb!kJPO
zW2tl3MT?Yc)ZN`sulJ0&jrFkgEU{?D>MHf?N8E#TaOQE62tPYZk~INzeD#RiTnn$C
zC41Fl4VBW@Al&v0agl9s<{4rp2Ke(cWL0si<S@CKcqCtq+0j??>5HXm#4cch%JtDD
zG(+9b$!ZpBxNHTF!z@OAPI@RVJly8e4>-c^p5Zo7ohRk|&=?-I+dknAjv=Zcvd@?p
zIWb0y-RH?VLWRcL;9D1nmFgXD6JNVP+=MF&BZG7)nZs=hmtbtl;;l3x5lFYvAQHS{
zCV3)WODl;IBh?F&&y#e~^*k{s6b%CGxI}C)^CGDb|M+Wifuv!TZ0&P4y5`jGccMKu
z_BpHIxl3ddgMA_vSFrttJf4Y^>lZ1TWXg7=#FT<po+qhr{1S<YbBx>TF|^Qd(P)Sm
z*QS8$C9;VP4YUjT)*^TRK)d+umq<08He^Bw-o5Bni(ROc)&o^Nrgn&Zm1HFJNmy(e
z5gVR^m%mDMx&c#rr9R}4DFvxp!z*9jYs4O`LXj|mR7Jrkcd!b@47kw&f-@+8IKnQ8
zsd8NU7^pHE+u^6Lk{xMd7Thl6khTjrBxR&6`Yr8n>uab?NWx;{fLJSXNpM-2Aqy%q
z5v7#Ra=kJr5`O*~Dl;7A4pyO<zACH>g0o-#z?vZ$pt4{37^t$D+r^~U$yowvZxCKA
ze1nv%Wy(6rP33;^^Gg*8>zOWdm!+!|;>H!JaPPRHkMS9OW?vaJWvR1ZYC^$7;e;Zc
zF7?~|<)F(^X9Az8zBT$?9LiKrq>4B1Q<MjwT&YQi4Q>?=VNg35o7Lto^8tzDQfY&&
ztjr3zhv^j9V_=J5MnUO5g&@zz+{Bhz^*W=~guiS+cCv}E*2s3q9JEc616SLaRL1JH
znQUF~%fs|x&iH98F~B{bZUW6th6QGtO@KeV#Bt)6A5i}(1=ilF;Gn;oijAtf@%!pn
zXiTLv@Y^J+^g5PX+^Seu#1?&5T@444RB3RYFg!G*QZW!bt!ALX$f|(9K&#<$GBt9e
z01kFlT}OQ1jRG7n1)K`vb}~xP`cz3U`(t&kIFm{pC;)>(qk>6M!NB{OY!>WYLnXlE
zP6Z8~d@ded-pi=OFTbc>7YlEfs@38<)l|2NnBk)b71@;8Xo3snY$_NMW0Yd(iuw@(
zv+u+(aN@8cOEk}_FWG3TvD9RPJVK?x9q)21PH_|uHDLt{qxVonbVt9pvk$f}*DR%t
zokpJtghEXkv&3KKFZV<ISJ~wGIJvxBW1%eui=h<O?WUF}jb>9R2zEA|S>o&JGIq+u
zaAX?_{`&3(!6yneI@;hjnar|am}M!Y!rv7oF8l%#$F0y5(gu^kYJiFrngZI4v<5g+
zt4&ia>GJ!#I(;xyKqW&kR~-XiTcMd(`P#iyJ`x-J#sy-Z*EdIe%XUQ!Y~Di^F$S-}
zY%s&r9x9JE8}SF4YBd?Ougllvmj%-uU7cM%cxw+;!Whe>ANcPgN$C!Q&nPQRFY(!Y
z<q-E(HU;?iSsHQ+Fc^03rIycIPo>HbpWRD6&A|4cnug5ZQylEMph$+#4Wl!sNAYW8
zkY?b@t4xwOdw^P!NSn*dUNfAbm<&3am_sg28Z>;13eBO6*A$tIKbns7I2{;HQMP&B
zDMczHi|G>gxiyKbxa;32s{?W~(94GVG!=~1V(qk*iLoD2_b0=zDpcuUh*PS>if?Mx
zu;ND<%KJ;D6k*^}g(?vyw<u}x<eQqiD4A4jd`lCrhOM_Mc^LS!CJ`RIRT(F(^mk2f
zQi{`?=!$r3)OaP^1DB6+N?4kv%7=#!GU>3IVV$u-?^a!rZsllb5Ld99VRfaOf;#-S
ztvC?$`Nvo3j0R)*YTfM;bdGG1VQ~fL88!!c6{<MOfUYs>xGdPOWOu>`*D#ykRkC?7
zldVaD4{y`Nz)63s2DZer>a=-@D{=SYz^H#<rMGi5u+<MQ7i!ZL%a+}LQJDyhFHrH&
z(#R)f>2&@6uF+LG)8P2(sG2(6aG<+K0s&czo|$abaH=I3rX8IYxEiE?3-7Ag6xI9z
zITiakN;+w;irp+Po>j4>^5WxMz7Q@P(y&mbW}krjMz|ChWHqVctePz$Fr3dP!iIE?
zgTtw;7EICsM`PG{Fpkm%ng!cHJd5G?=p}T=?_w|pAqH#RNrq)UVd)#llCu~17cIKD
z`h-leoMqqR#N02^{}DqfFgD|o;rGo{Tx`@5J)y1sVO<3r+eD?p=ku{*zuHV?YgYP(
zLxa9hI0#qIsZ)s_E;m!T&}5~SLG5KV50h`G@Z?QYhIns2yMYq#n4(w5z}l^f?1jWg
ziAGTNn_LVWy`)e>&dt05p0ThAN~6KB6!w|0#Kk^Hf6N)nZF-%_V3dBr)Is$a%qDR<
zc(OyKhqsLE{=Xr}maYe5lxoWsCJP3YEDJg_%fPduT1|X#>;XCrKK={d6oxCD7B0Wb
zrc2Nd6*_qF7-rH70-FR|b}-rVDBX9}IY{AM%cenYKBa?__t*jiOea&h_#qsom%!vR
zv<la+q)-{~@Fvy>jas}!Ca39mxV(vph24K)wTPcJVr<VOGZO94A$8Gpd{r?00!_oM
z9ZVh~$ph*Pn9)%Zq3~CQ9o9LR6xea6Hu1o(RBDAz2N#dh+u`0LbTT}Agf`AW4#Kjt
zbQ~PLnNNdtTR9pYD`ib{xNXp8W$_NbhfaWl$LJ!Z6!);_7+nrye^KN>(MCoCp$a}R
zW-doNMuV`sg5LlJ8>?h6uq42h3V!%{g5I^f{`&6^ujMNt)W@mB!ZLQRLj3nHGB0Tq
z19*x&4o&ldMk#L2;}RG+yq~F8NjVw{j=-r#MIuZ;#;f4PK|U4+^;kf4=T*vh+_lp?
z>?@ul)Oq3J74=fMJVeouJ&aWB52zKQF2Z~%0cPH0l+1v4xI2KMX`<4^C%(a?C|N07
z<$#Wca&k<Rq!=p|#Qg^S#psmU1Mf0wv9N;slTy<4)J07S%+{bgv`%hm@_<iQfqI1c
z^>XbR4uy-6$m>=V!R(6~269d^%OtkhfHoTj6|@q1PBI)!A7@hG;YVYX@OmX4Z}OZ*
z34c1y)WS@aQVABfDjBc!4JVkDuqCWiia&93k8q;)$IMIa)Z3(uqI#~<8Fa;lmA2Ah
z{{Y~<kO*676{gZ!Y$DV<X%5!Bg7xI%4eHbbcT;L$$~AHDdEiz+KcmvXz<DkXV#+m~
z1j~Zy2eAPD3b<5Q@|-IEz#|L;Zyw?~XaJQ88uv2M_5&)9;4L=KpoYy1_I~GX(P}{d
zoJuS1WK@qhX<xq%FW<EXnB{QCWnLfUuD-;*BW|o!HBjU>IJJyTVxqAGM;cT)ux2B#
zftepF8PM4@YPi^-%93Dc8m&etMXBdy?iX+{KSnEFYE+#_5uYZpJ8puLM^zi)$4g^5
z@%H7hwRmS8RUKb;U9a26h`&6qs;~V&cf2p(_F1p{S+Dz9uN&=k8F^AzEyhn#!<6_@
ziROgjAK2~QSNo}b?tjv7<eD~By!8Ri8SRZNZ_B#>z1h7Bn_X;pW1dR+tfl>zYiaq^
z|EFdaNAl0w*ng5X_8-%?mNS3HmNhp4-YVz*75dht&HwZrtCEO!9^&p=_o;oWh<)oL
zf0vf^E^JxxzZP3p{<-w%<x&YRXYv+UlBOzHcrVF;haS_aVfwFH7E*KgMu<<*;so?p
zEu+*G>x|Hm!#i$-nP8ok*TIS`egpzf;E<G=!>7Yk7OvhZ!M^&nB5ex%@dO_Ovp>OC
zHeD*O&b?`sw`&w<czK+V-ePpR&QNgFAH-*lWy@B>$!qFtST}=;G&l0e`4awbpG6iQ
zMh3?r@9Ru~x&Y@X98M;{xI>$EU^7p{Z`-vh`1MLY4o+q9&r2ZjJ2`v<nST%Y01k|B
zNzyAwy7<11zn3gLfW$#U77nY2^7%rUIJAVvsVbjO`NT5^!dJqf96l){`ogsMsIj;b
zk!UAZuu6Woh|X#Y!(S9QZwdKPBOM+*qtJlCfCJF@)>saHl&OsYeie?*v%6_k{=!3t
zED9&l1!41IVD_9^2M3SfP$dtq7PN=hXy6}Wl|JuqAMCxPNR!?+)?`S}8in}Mgs)$l
zg3=&e92y(#4+Q-__|9r{>+K3{JUqXePmPxtZ=jT?emI%SGPE=m-UOFR*|2)fr8mK0
zGn)b5Si?KS(VKZ4Ee2ftqw>K0Og(QVR`9m+Nn%_Bnm48(`XpA|(GBsfe4@CynNOiU
zy`X8K_D6gok;m;En6A@ukkiUD@CTgQA-J1Yi|1PTQwi*KQz}e;htGlw-(bcdCcw|Y
z{V%BT?K8mJ6|gK*n}B!nE4%UU1fDvITQV}%F*=OeEH5sYe@!YL#K+t~u)BBy|3WZ0
zUI^YHWirf+(6p%U=T9l(2YmR1xKbK}^}7D<RXVeHCCJy>xy3Pgc`@wRug##xCHsMJ
zKZVckYjDuKaZHA|HWdSpo#MmNIICV5g1J??MFWWq-{nhIYH`Sw4ej$upO8DL&43>a
zV5UwE@k-#o&Buy3{GO)ZG|sxB@pZm45wHRz!LheUI@ErEv#s|7J{gX@kNGkEp+X5C
tDPrT`zY1ct@U;*46i$u@>CMhRJ_@_v*XF{B4>5}_UqcIPKIG48{|6^Y^LqdQ

delta 59896
zcmeIb33QxCl`nq2ul0Ru^&&6YH@m$rlC0hrC)jGqvLidTEU$6KiQQ_oq}JB5b~%fk
z1H<yjVvi;+mVr3)9*_Sa3D|_tK*&M}NeBsv2?>OR!7%fmmk^jZ%>3U2-X#3*y;a}V
zk`oUz=biW7X*ihbs=Bvs-TKw7Tg!L#y|*JTo^C$3zhBDC9_Sx(XIkPrb~W_2#^dpZ
zUbg7tQrYaq0rkPR`mc6Z?ufTSW(yYW*weo~-jJqr=Y!4Dzp_a?9$ayA+UBH6DXQ}z
zJMry>%8sFy16ya`87!ANXEUejq#d(&oQha-FP^G}+;?+wcb~@Gq0<rg_Y3szyQgX%
z{Qc<`dG`K~RX@1zuP5)SX^S@`;@56%=#1}dhkrn@o$+1UQO5mjL%me9r6Yd*_J(Ln
zJl(RBm+u(g64|n~A=omuCD=+uV=bMcC_dh@2P=EEoR0Y3Jq?}gd|YZ^Cyq)A`{N3!
z=D_Z))IfVfJ2p7f5<jrLVX7sb6d9nDZCe|>E%Da2h8-l*_?G@{@rE!o*~?3I?9@v}
zw{0h3dfCt_>BAxD&;U^$5|oqeoN}yvE0zGIRuX9Elw<8Iwpv=@+_@ce0bNVR+t|s~
z(nAZ!uWh47gFCi2?2RAq$hNJK8srlGbGltu*wl9Rk#*95Be0V<<=x5tuueLt_U(-~
zWLlYLg%n|Tte1RpeP{OZ_0qQ_dGa8;xj`D0{Ri2l25F@nx{fXNORH_I{_EK0M(I}h
z_#yUKqqH{|-@U!T-x^N}4e#u4^@EC&>DG~!Hm>wG#1wU@t#z;!H9ITaTarDwLApti
z<J*`!DBV(e%-0!jIM(WI8T56w!4QMmJ7;}It15y7z+j87r5CICp-RBp**<&zx@z`z
zNK$9dB^I$i1*J-7Xv_A7q4sz?=#M4-LMpG?zN;bH9`D>KKpfo?-?OV>qCI|y?FdWp
zjo0sLn7St33$P(9duc*+V9Su~YuN>AhIBGM*3#ZU*@pl<+ZztXz3j=b)L0aPABlKx
zYdc$zmde<Ih~!y241fc4OtcD;He^A>l-d!WgbK;HpB;=yw-f>}_D5T{vDaV%93Bcl
z$1^PxZ2><dsO_EcJ%IGq$+odTXFF&|lqHbq&UnXGKxU+MWb0O;uU*%)iLM^nxnnEH
z2GtJ50hcqgQrF7D8Pep;><^E$l>>I6&<k2kM?kAHpw(EobM{z&>FkG&y32)eX!W%O
z!%$og#gkBc^ysqLbD27}a8xRoJ-J)m5N^%D*dDtwDf}qKZ2f?1_N61u<;J-BqhegA
zqq+pMcMLe4n4jL_ZRv-6Z2E`kIZgkW3fNo=6AdPpp@w7iLJfoUx)2qH8hWu9)ewkr
z?9Dzp0MMJOi{2~K#Tbpq7>&XhjmQM0CtyVCo1m>RXe-pDi&7q@;xH6@u{a3DqfiWL
z(Z}^WL*=<6^Jl9EOrAwOGktqFO2+&4XecqMCxgYPo~GVCI5q2LAINxeg&DXq)l89U
zz}f;pr$9BEYq>B2zMz4jerRn9TI=gKgsCTjdMJ*jp*RY~$J0WXZx7B9CVgeXOpq{Q
zY*3ilBX<<maoM1$@BlP50ZsV^_E@YIEHNN{6sk;Nl`vEp9w2GB)hZOoo1JIS{!9pI
zm^OekF$7H`kVb|KJsCh6z+wbaWROdSn4T9+u5fD*=6N#G8rr&b_WV%~coJw)z>|Pp
zW(dE>D18iioX!B>4DgK&>&=$?sn`$2!C@%&Lh&RNBYrjQUg-0<!>zqrKxP=6{#NiP
z`pcx??D<bs%r@QPaKpl?8I5?`?6O1+0s}JV=~2@lw!Exjh-~^0*s)&h>;M>(0Pk#_
z1AHKX85{&>xb<4_H1r<+Ro6|f-cg_#LIoYuI#S{CAA?M^m*bFm^yoE0WVC@?WY28v
zr`;&<?2@6iv)88=y3!*+f(utHLt=q(bGYhJOK9DEkSVMi7vhjE#OxiZn_TtdP;mgL
zL*tqh?s8)?c(E8K!zdIZpTV9rLZ*x^Q`zjzr(Lt({*;U4sv3^EddGkaM<FuGWx93P
z;f`X5dqJk-qhjWKb=b4Uq#3@@>@XIZc735~pZ)ximEgxM>uP|1FCD3C;?q`O1O`4j
z1>8}cfhldWkSEDq%pJ2=AFXuHU>(%%$dr)a)}u>zwZ{Q{3B+1E2Z+!%7spf@2j>cq
z25uR75LCk1n<~xv((Cqd7f!<y7~KhI7{@3yF^_O2YHVVFU^M`+3L_bg;`9WcLsEM7
zv4QdmQ_F`)e+P|0{dSLY*4b5E$OTK&?1AM7dN%-C3Li&~Ac*g{G2Fr$Lh%$9qs1A9
zVw^qN95iMR8htT)W`8%ly%uV4pA=fa6+b!+EKtXRX&QR-YL7*<+Cve73061`%J-T3
zXcN_PWBv#Izy#<2alhV!3S<6HU@;<Z(9cyyZrs1a3h@3JRv_$!2GFkgyu5#g74Tyb
zT7hvWLha450G7$;0VIDpCGflt#t7C#KsD%b2=wR=Av0)aIy4VtcErK0C(Q0Z$QToL
z49Rf9_J?@?$(6X0S-W<2_ke1)qygZBnmit$j?Us7_F^W^;n9GJ{X@fI98($&KZ&@2
z{s<og`s0lPCA#2~QGMJ@ZrU*{#u?HF#e|K7W@si%i2IvUhM{TfUn^|1u^#%vzy{aD
z=`glZ@1DVoArN>ZOahZ-Ht$Ydd<K~$=a$8ge5OfAKHj8DZrV6xuoxw8s^=}tK9E>1
zY~=fhPTDpE_r`?alQAy%6lS2{!!bkCh4V<>sp;G!C1-uf6)N9Y%)W4B6Hc8{+J2;9
zZl_^87Hxr{OYha4EMr~`VKJ?%eS7u&PoYY9OwStgAN>by^&B&=o|?kM>dEJg;V#Vd
z0)KQD#(S~(WhS3<0*i1;4MGvl8*MKED<=#ltektPk8{?C4t;&-z>P?Xy3hLy-QQBq
zj~aRbeG`MwL_KtVWKi#XxhAo%WdMs2oRI;NVD_u2#j~&XISzNkwY8yxuMOzgLHD^R
zrc#`R&{=J5pb~C^&6U7XY8v5c+Q*#?lLhVvNzek1_U{$zjA<D&^MVEq_>3VL;=aG1
zMz5|O91v~)5pNTmOj2>wTkO$IuCWYoL7Ow2F|=gZmNXWlZ3zu?E&VxWWnu`JpjjCi
zA{>BOak?-MtxDez#~vB2E3qoaMuCzx_M?Wx#=6^!#W*(u$GF7juEeV3OwF+oU_w6j
z2)0r0&R_;k&8CbY?tD`-N4=Q|phNZcPZ+`)>a8D#VpOkh{NJEnu>cz@;IT1aLo48z
zreKF_2s2T`G0+p5SFYTSc*Fik>-08qyJwq{H@SwUu_6f3H*LtMVHUkCD8^ZQe2Via
z?nW~m1h*PDU=i+C&;B;!oPGFH+)rIFvUYaI;6hhs5=d!fnk2c(#p(#Na{!BQPZa^h
zpmdK7;(`Lwfd)0{?nn)gD_|^<1709QeKsA}Wvwvu89pu=oIY+?G*x)8C^34ln#5KQ
zc5N*fMwqOIR)=PQ8EUm}M%Su4jhU#`(6qS)UAONmeL5hdkNM}5KIj+HPx{Tg`IP%0
z>ACSWq#y7J>6^T|^sZjaMCk*Nd3j85tqXS&2CFxWWH?wMLv8~h{ty(Coe!Diz9O6m
zts6s_4gxd8Oe{chR~VS7NA)3Qd;xPiI&xsi5Xh0<XI-d|0vB8tLQ%alrgg!K#b{ne
zp%_)f*M%|xd0Y$xfTRiYTBxbRvXeB7d~XEUqLGh;dAAHh9!2e<u{j>5ZjrxY+Ro22
zEpBo}n}7%>LZHd$g`ve6EJiJkKr!~>&jV3?4A|fl2*pThbO>Ex%tR1PL#72p7VzKX
z3a9sR8GY$}n)_keXii}<$~X+gS1M!F73~Ewlqt}QT$hoP8pKSLX|i`8KQDrfCRZG6
zlr($t{u`y>An?GA((yq<Tw??$uoy>h5Q;(EoQ)FBPuwVJ)&(|7w5Vt+GHk^9fdOul
zeElT2>A1^}MfFfL-cRCJYo~#{3pobcpMlyq9j7yfpc?*sEn`@W)3G0lQLk4t5y@Z&
zhkz7^<oFPYXfoJdEW*h*3Ps3OpLRLYc}InGlcV!VcMOYBx;`lWw@K$85z<YM<VrV#
zMJU|}6j`L>!_R&ZkZRN&=rX3+!l1Nr_Ln^eN@pg33P*f=VxQ%-%^39zR>4tk8s{U!
z?+8BITRVHxcE`#cd?6GAFTB;b=0Ng|+U%lq8CHh9Ur8ob>Ky})2!qKnqtRpAOKYjN
zaY8(W^$-)oW9F96Wfsl8*5|}MOzu*iYqqDRfdk@XbXp&Y3IiuYSd1ePn=&_WMQE90
zwr3`R86szVlE%hlwkNO%$7XQS+>VYP*oW~6`dQb67pkK19q}3x8@}BD7Nc($Id0~}
zJv^L%xcSm1VD7$=FOY`Wotgn=Xm&?uu&sL67-pc4*AE$hp*ijy==+L|$yflGA+&}A
zdQZv?Sf#NTVHNW8wm>>K1;~h9*F45#&Z*0U4_MI2mX9=UI(0dQMF^cfD8kvmPhE2H
za<elG^$;L~VM9m*AiY?O011RRn=66_8IrLekdkc=a^Z|sJcC6DhbGVrpQ=j~A6!E2
zpS|_SO7KVrW)Jj%?-&!Z^~ZGCOyI4L3fX*7f<oQw(|sFef0S8mazdl7V-X?7V1&dl
zp>ha|P>fiZV~I@eeIs>+;np->#NnOdZ1YzXHWrl*$^F~e52I4XHIv>C<JvOSHksbf
zUOXU`XOG0B3Y%lPHM)I!!=b6x<LuPc(xdjatyrtIb@rX9l5F}z(o>Rix-|rMb&09g
z^cL29P%3Ae`X$vh-8$HU*R)fuV=e6V%~Dm(KD>sTYE6i%;I`>jAM8GXF51eT*evxF
z1;9;(mg=`LU$c~OO<uFTAvM(+gv+{vv&TMO!p=8K6-9&Fw>BJ{Y8~31z0fTEgR~~x
zzrPK3k27uK{rh*qog<*FExvmXw0yj+cL2%;plrCGU22v}*`*e#aNW?r{&u1m?uP`O
zJaxh~<{mg7Ki)Qmg<&8W?BAdDv`Rmb<-qmq4{g%E!fUp|1zvn7yK$>@wKT;(yH(mK
z?PsrSl|X-N!8Yli3tD|!cClsGNPpw%t>2IPV}DzJ(|-2-Yot%Of=!^{V=ck9amcx`
zU5dNLdJg~$A*ZkR0J{%!diz9<4|0CrE;X_7?b2eGSIZvhJHY;GyR@8DZ<m(3GHFpe
z2H8OG*|-DWE2Khgek7Oz&eMGd#ML(Kyy<SaGY$iKtR>V|-**5tN42uQ*)Ba-uqoOE
zVo$Y%+xo^1(4}cx{U}tLfSk!D&?Oxf?}$&s{rW&_q-|&n3VU0_*e57to!3Yu*`nRj
z-xe?S_8;8ZP`@P(#w)yKVC#7QLH5Xv($2+W{RaVOZJ1vV`NRDOv$aR0f0A8O!w2CG
zzja`1-|)d~d6!fpxq_3B1^C(8G<h)lp`>(=e9cU2yiLEXhoPo!(V){ovbaFTD;NYq
zd;Hq%U@!1yn<VeVdu_NkIka>3!bln0+#}fwyLUB=ZHcGZt{&--G6MCz>_U&UEc<+q
z<W`(Reb?bx`quuw>)8K0AVr-)k>TsRF1vP6+P9#4EOs4UWv90d#-J`9m$&mv{Eq%@
zLs*tbZ;M5tD1jy7VFsKh4z%=d^JD%1&`w9MYv;G?9eCE5hO#LvL%yTY>#`Sbl1k+@
z!So@#&xYfY+<%U38|jC#9i!X)=|imMR;j9PG<~RDbbEALZ~vj~&^9Qh?bx;mRO!4`
znsSbBo9furuw!i7U<dpATcx1Ae&^PPy<^)#Z0QMUUC|5-bNkq~VHnsG(p~m?xJQSd
z0rtiTsZHu<8%|0AX@GT|lr}B};|iS<vk&GioJV!E^Fe^wxShRlQmSUZI0?^2-aIMQ
zI1h=Lx}$Y4yWlpd&*ln_A8La;kEv}V<A>OXKO)5z%uGRtdRu0;O-?~k$Lwie$?R7q
zl<ePsL~537Q}C=}^+%<!ZS?q|?2(U3+oaNg<3K<Lcm@dgfYZx}V{{8~3~wQ3ph^Z^
z{Fy`g$zVmc=HpVGbRy0l1x&T@et@>7TX0OqjEwOX?9(wLW3&a|zr-i>oNFdq=;YhV
z1-G15Hb`aVa{`Xd|3etf<%7*z1)8T@CvxPO+b_(qvH@jSy9L(N+AC=23YBw$&;wcr
zCC}B)+)m-)iB*~_(ehkAn1g&ypvB;Wj?G*91>Lar3)`}G?243}!^N!Q6P<Ac&%c)q
z=c08A`vf);fNbs)<baY*eS(b96TEG$Q#<|xrNPr_>rkOvXw~r03CObQ7*^XH9h<xL
zA3anjtnysJJpcC()m|9zgg9wu>=V-B?EX(kURmm7r|yuV?BeaxrtH6dQu?7()d$Yh
z{(&tW;0w{14sL;`cZUYH9Av+`Lpp57=VHnDObgp`r*vN}R^Dq=?xe~Gp)xMg?|ee4
zV2|D*Ic%-tt!%?x(g~;Edp(?<)^9uRy*~SmyQFqyOK>0o3p88;z->lLd@H7hu9+MF
z-%Tu}P$1?jIBjDs!`I9p1sv2s!4$8{+U}M-9`8V6D_q79HJop>;0ZoaA`vvh{t{}r
ze4Lutu=96IwYEVhdhu@Qwk^>iU<|LPfN{DNML}lAhb|+EAGrFF0yacI5e8A9E*B*@
z1ftAvYU-U?6ljLMd<H}bacW}2BnG043?;H2COs`JAMQ!_9$tRc;o;`=&`4%<+;e#O
zP<lE&Jl2?*OpT7FyHo7BPf6>u|MDrxw^<GKgrkv2w*IHm;=O9Br^nmlV;6p{R<K=f
zsRK$^Pco2XBaLz$^ESu}*tw@=g}wcjTB`U`fmDb!H_0_@_ixk^wmv9VW6H}*vZov5
zubyOQBar*?s9enK1&$T$@%v?u5=@0cVRr9+r9urxgFT@x_TmF_VxH`HZQ&}H&lhX(
z`1}$0C%~2|jtOF-Q7$_#S15sCEEHt7>`^}F%&A;==A7J#LO9v#^YS9Cvt#GvKa}77
zf>ULm`5$U2m#^p<xtu+`TPY*{28~{N#2E{L5Z)mC<3mYG*o#lec6Rn@*}*>jjQnvc
zjhmf*TCQRniyYN#)3YGJ$G<OU-jBuFXXTg>kS+ST>}4;!DBH95JS(4Bi6Xh#uIuf!
z?8dj{#q8ogD+}1vKgsUw=iZjRZuY|on<M+`zsku%Th!-g9@SPuiRK%W3bybDS;@{6
z*uEg0S)>%Om8z|bU3|b^kln1>UW>3-%j~rUQ+?@icI;`njQ#gAdoeq*$+os|g*WUA
z`2FnmO}164KkQEgyll}Ir3$062A8)t*@8-s&*uxWwVQ1#*j+c;>a4Y*sWAJ*W}6q7
zCVdgFmp!`K=3!Meb|>>3wJkO(voqDu{>o<CYQ^XCM+2;**|w7XzQ%51$jWP>&NrJ;
zMi4OI^|60!wk>BT>nydt<O8Meh}-JbK$2v;Ic{6V3YMBHsXZz9Zx4GdZfjD5v0x&Y
zU<+G7w2yeq)!4WGMRl^V7Sf8(>+|}vXIpH)P}z}BI~KD?Ryr1D&$io+mMEkqwtKU!
zO4H4S8*EYbScSbqQ{nj=Y&Bx?Kv_nR_^RzyHc&CUu+3J*HdNUQ*+<XG#aU2g?Jh#<
zol(HrH}AJyr3Si#fnYNG$NOz}m$8|B>SDHG+FqRf$`iH=%}}+9Jzi9xWIt~!_?QhL
zsj?IMR2SB<e{6Fh411w+e--<UN9ki7an;T4f7j(^KYyj@BkUJHEn2|pLW&O#>6FFn
z=9S8H<>BF`_3IB0@5_vIB}NYqd)7A{9^NpX8DT!zR>DrLaroF<FBffbL#e0UgC&q+
zSHDsOZ}iqFjtWb@smAG7ik7e&)+vQ--5RBYJ^pG@fek4aty2Di5}8%X5lUQGrGzMv
z_*v0!vdh;fO%k)Ma+I=<{2Us2{P(s6Y}d~U)IzOo@6U_MS=*mLE!Y3NXmJS_*CGZp
zs_a;<xR!ZtIXpa1HIuYD!Poz;=zqAf_k@)v9PCGmt(@H#2kGl&TM>Jv!sg0mT9nVY
zX}oUxk-LhGI15#F_8(wJv3VI-7SOkvEi7;pOD?}R(BScV!L0dx?DQ*g348qkup^fg
zhsy4GMlQ@=>QvTUt{PZ1pJpn)vlA>ZwR5UfE<4k$IOW5`>`sT{uh}0rxL2`%I;c2A
z&PU1y)4hG;>oyK&#@BA>8Xs;POb-vNyW3-5%g#2sJ?zfi%3^2CyK3E4TqVfn1e>`|
zsbXxga{+tL>DYz5cDWp%V7DGpHnYbLDG|*1{UK#J3wYh7%zM33un@Ef>^&RO$;`0l
zCMZAZb}VIYOu1d`^Ouw&_WOi=A-nT>#a^t{OiU)mVfZ~af<3-FX<xv8aJ}NddS&c4
zP>(GvcGO}+8;Tv}tkvhPEEc1N?Tk(KvPY-f>)BsUyBBA_T<ka_E4_W0v2k|fFJO#{
zt8ImB<i|=e^L$aVvrE5qma_-WI_+%tC5Mxp{Dz{qJRZ^qCmMQEUdAp~Iu^0VkJudS
z<ev&1XNF<+J^G|vBlw>Dl3eDd+KnTl>7m5v42wSu=6-&vh1hxl@F-ySj5!)u^Y`T9
zRTk=viR5^CGSy%bgBY_;#ZfET9DGWyWSM0ym3g0&*RzZF%WFzJ@E=2RPI7vWQXxp*
zy-!|eP<Jo4w%MH?OLPsUy3MV!d+vwMf2fjctbl##Dy5X2{fcwpnIw$c#kT<MFMQ5X
zScK@|+Ipu$sU*bX;_$)BJ-1u&up2+_cCZ&7h7ms5Di>K7&SDeqx=y_-?>r!{;Oe!K
zX!8J_g*nTs==+_|$dw}bcBisJBp2;b*3YxpyRBeoDsn6l1h;%&t{2G*dz5P~*IM1P
za<!<od#|!W6Y$uG+?K1m&p#_KXBA(R7JabZetu2^CH4RM=j3%OO(Q=xkxZt>#y0k3
zk`rT=0X=*^mv9C9%7Xys&3_Fj`o<6BVj=8%=jC#d{PhpyWg_|8ubNPIy~sTMoLnp5
zFB)d&_b4Wkt?Uv5r_aQF_k;Qv3_dSk%bNeI!#yvami5@H+1VFiuB>@YTKvI^@qJBR
zVgkm+N9|xi!F6I^+K)5-Yx3e{9QNtqp3GeRG-9@C@{)GvGATrn3fb|u9Chs3AIeL_
zR3e`9%w1x7?5A>-P}qhS<Oz}d%|mjP!;pv+XZ}6%y1a>+5cQ9|D3^)k=e`bI{q&1+
zeUA3*+H7QhvK7>km-fMWyY~{9+TY%*I?S{2$KW#^xga+z<pNG6Mu*eGy>qq3zI*}P
z<&KA;I+?taf^Zr8;Y*;V_S(Wa_V|B>y+Yqha;3-0Y_7W4=f0ui?U8TD*RUHd$m^`r
z@Yx^9njP%;rf$^gUXqhyBs5XyHEQpC6Xw}7F9F^!3%euVf)3sFuw7wGe+)j;l}*Y=
zz9oBf1w@wces(8@dsCzH=xpP|rrHhc)Q<tAXKyI1XEiVDlhFIJKH6_XbusY8-v*`J
z`iQ)`*lO_EJ1^@?(&xV|uQjSyu#>OL8*mI35PLBPglzLF=|hizq4@PH@28|oOYEg=
zq!+x?b3cIzTK>f=nV>^IkzwDWTl}*>ks~X(rpO(ct0-_wz)dmDNg!#!7VT_%ZDB22
z|5JIX=;`jC%B3PXVC0_usXVEv;#J)kH@zya5xG#IoGS=<34C&C=2gv!$K|DL<4*wX
z#Xo~Fyex>0dF&;u<AAENquT-eFT`Q9Hjlfp$g*g6Cq@U@FYi^$O-dpwbgs}*%l_%R
zHkF-xz+v}jlYG1pDdwt;J^mewB{ax0t)MzGUCpn_wRIXyfyq2`apVbETk!690+uX;
z4M<VQ7QQYQ3N1?C)$QA+*X7kBchh&}R)+0}-xprj5q<u<AmEF;m8J7|6gKD{dv}Xk
zaYnK&Q3G9}SS-rE6StLC^EA1nLT^2ZWU4EZ5nA)yXj`UugRw}GNl(ZX8(@1B3CvgB
zqB5Na_-$b|V9+Z>&(NQ^DjLPjKJNI#;Hi5zgt%v%BZgIrf-$@8HMzP_`*HdSxkWHW
z8EayJR5&4I%;Cn~c}Om`>*C?Ms<X+wE^q$O6$+IDWKEKHUWXGIQW;nAZC`~G6rNo4
zq+H70+oINz-nB81o-vDqIMqsE>rt(xO>C?LXP=YHjNTmklheaI56LcP2#$54c(fDp
zvqztjtBpE~_A6!fMonH&<8r<KpvJhl#T6vDRgam8aoE<RGzJ4~*;8_@!5#I<UVKKj
z>r6qZ&5p}TBRL!uhBTnP8ckbxM&oT$E7__4qSh4nx)VP3%jf0t3QYC*%>W#qN{^4T
z&L7KB)!QBI?oKi|w<@pqCZnNl@0^M`YX>LZ{IHc+<-`P2XBhU9z6hL7`Gd5VtR@=Z
zW0~GU3Rp1;MLGNBGjg*+oY=9i0W7^;kyJ8h)u&b$VW|@mDzy^ySmwyEM3ipK!J$Uf
z`Ib`27JeDlebN`52a4pvC*dFpG+SmURpm-$h%JR!pgJoBLA(pkR8Z~wSkY8jml$!V
z{~#DPKQ6mfL|_<BJbx%J)k_h8YNKf7WqE~OK<YBuS;5<}s!M~P)=xyA&cFblR*bqU
z^qZs*y*u{`SP!id>PqFUG3aYGJNc|!!T#!Za0s%nLM>xQH`^RaGMEa&QNqhbWo48!
z<El54>1EBw@H7xKu6BC^A%B>47C0)_hv5iK8*#p$fVzVzi>*ZR!4xjYVKc2lv>bwd
zKOK(3KQRtLPGd!&;Ddg#D$=M@HOUzzVB=cV<?r!plSf-7dGiQBjSLm3r3rqy?bnL-
zbI>PR)xoEBbG6}o)Y4=ILAlkWOrci<UI9{*8VgqlIx>Ot@F1L0W9**ifVF5>$6b-%
z+u(`7>JnzR9Z;$Z8$|_#p8f;$q<50^WNK(RPtT7%!3?3NwX7pg%RsF;{Fe~}jh-$B
zDogJ$olHORI|sLVD%=;qe{j7htDvMAbu%y*Cc0Ssm;#?N<4o_4VP&*5jmabu&aG_)
z9_PT3XQD1ZYIg5k@)~w=pP~c<ph)~*?gA~ytsvBRA_@z&AE;i1Wa5Uf%iI|OL#-|u
zLhT0`LhT3Ylq3p&kVHAK)EMZvR7kNTi>70OC1}2ao!zPykjfRVeFU4zS&*`o6-doa
zKQGs)l;k?s7@4ahICUi;I?upXqyT2Im!1ECT&EZDHCYoAfvFdf>I`vtgWAXn)oDgi
zV?ahx`=LWqXQ}H^$`OMv#u_1N%jm0LnM@C*GR#-3u0V@er1}!DoF&Maso-fd-gs^D
zyYX5|^#x+7WEZW>>wNxLsH<mAZHrOl^kfrFq$(#RqZkguB=^O@ee?(BaUY3+6`PzV
zB2#pRluIm`FRoTp`n=I(mu9Yoa*>E#dI-F1PLBE%NmOLyN~FlaBeA^q>+(iThh!gx
zJ_(4<ZE6*F6GbkfN)!5CwL%fPM;B4lF!M0g#)VlB>gLfA2E|43ggk(&NsTDy3$v~y
zt(T}Ib0f<vgPj9GPK^K*Om+B)->5UEe|`ZFe@dgK9ld8{6z|*yJ2-7QE>cs8U@{sb
z6;<-I8BX1!>8`FWV@Xz0aKRQK@1-df@}<IEb8F`;%AAE*mQD03rx(jI0?&tc4L)}A
zfKs|dqq5>o%Vh{XyZ(z5E7;-a)pjR+iEv1WCKRjJrhSY43)O0H;!4dC#-mlv^%1pv
zrrSeJorEEw+IL<8H}S4*Y7NJs$VFtSoPk)XMFCyB@j)?j!TN=wL0YQ~p>;Sq12Bgp
z2#G+1Z&q{(5t2oX`cJfs1_Q1?qs^5TAmjj3=YiNXc<AsnvQU{W|K(*ul$vDX>$lJX
zL3QypaP+sin0t<3C!@ZIFT$b9(`NAXrpNnW6*ml}H;Dg5Ls_=IYcP=<m|NRoC<Ozu
zlqOn*Xt|-p&0q)?aQt8HBF@RJcoi%Wt*R#9GxBD^5+$oLOC~feYH~l4_X@SEaR9Y$
zj(o5nIi^xDHIOQ_Nf;ApvY4RsYGE<Cz6q(C^k_20Fp$aQX)_aZb+nn9*g8s!XrUpS
zi5qIIT)33Hzlcw*fY51@cDZHjbI>W|<SwP5JK9NW3=x+O|NK%2kCIbzL~6>xeRK;d
z2lvrRDj4*JSiI0tRzpe4Dh!WU#uL4xi6IjlyHmcNAi=TR*B$Vsf|~C^yBVFr0!ckr
z>}d=ZDrcctPe1Hu(0K9(A0C~~3P(Mg>}Qej6IHAbM{?!rl2KnW&~3G!Mr{CQd7;)p
zM5c+8FrZd>mg}^+7E~`VOsLQ-x)CbZEF)Zk>MPinuYohmmO@9VsC5C74!9c8q`}!Q
ziaNgr>oFfC<aHSWM5sx81EhYK;$gr@j5a>zHV~-h--uNc3(}?0?kWp9a?olBj({~W
zA!~Z+1=*qNnS=K7QXz27QXzKL6<m(E!{KF1+TjT3?4RJ?ek2Mf5?$TisE<j_w(@FB
zCC$chBt1Ny8co5yv|&wSQFvz)A-B^PO+s2*UJ1TBg$2HPE{Cs)h00kFe6RM!z?ucY
znGXYOa?PsF!wO|Bn~nTbt}fDkfxyqmafQSqQR|{!Z^);evI^}Rwb8_yhzZL^DXM()
z6$+PQZ4D-d!6l6+8J->}q;kY{8S}KmL8jbnD-)R#Ec7Os2+@479)~9s>Rc{41cYd#
zeL^&zWIB9!j0vdrN6|N^vFn4(eFKdIHM-m^0D7&aR#%$gl7nZB$2cBl))_4jobfQz
z#FqelS(!MT4Sw7d3o*z!*wYTL`Op-ru!{{O_#u2LPn*F!DURQ1^Az$&yfJv62hZ`A
zcZU;Ei~Blhy{rI2@&!yZ3ega1y*@vn)fd98Q`9#Xx4_JDsyRsq?b0Npv*93TgmRR{
z!og_HNfI=T(3Ii-QFTCtC+hwWZZZdklZ=khsp~>Zv{Z{U+10b{upht+3{8)SCu|v!
zr{&T4(L5Zqx(GU?(a`300@i#1(2FljaI3~r1e)APnpm!B!o+k5Pg|EAZA%X1Xd^Y1
z(1I@X;zIi|r!hnjHijC|x`Dv4jgF1+&G)GvxgAPRA|wumN-1fE4%XByAe`%f(W3Qn
zRWcb3T2F<bs>SpnDWb<j1*bvLpm7>h??WeUzT+U|Wx>uUyYvIOh6Mj5KLCQ}Ns_Xz
zo(P;VSyeX5&V5xbr|O6vO5kjxBcG=CZ8ir#*bCi&!C4RJN;~TzwIP5ipc1~F@_3S&
z!OZAJ51g#%Iu+_gm~im{Qw3PApZeso#H!LLJNg5;f+!GCc-W)jxotQ^$30ZQ!9=QA
z!Fi)<3>oXV7*^G2XyPhj4?HK^iB>mI^h;Nk&C((ws-RKR37+Wie)!d%!E|z9)Hu>n
zyxwr28&}t|3QAg*SE|jv^9MBy?@YZRe^;2+s`XxPFqw#%0m%7UfW?WMAC@Dki540J
zTGm`!xW)k{o(u)NiG?%Ul4`-kf+(IxZlESSA`4ie2qaE5q{A^yaAD{L9U3Q%4ppb6
zQE^U$v{`^!AwUkc1S=h0&^G9dUpZ-MGEkq{4n8+5kfmBKLPQ~QRAPltHm#2H@W9%d
ze6$}C4Qr;#<p2|o76cBNY16D#Mt~JIYPE4gBGN)ry0ptJL!7fD3L4swh_ntijUg?C
zIZ}uYo___lj)IP_fuf7F1}@zJKC$7`At2y#8BkY4Np0}RMe9nBcTFS*Qf8+PhB%Pm
z=<|8KfmF<bKApk>Ks}eQjwTi`5Ws>!cr{|ci_V5`9-mHUVKsAFHuveYU*yvvGEqG4
z)ImBL)jB8iZB!?x&iIMiE;4?iuA2#>S0G*vWDPE6)Pl}+)KZ#I3qw<<p_XzHhbB45
zuj2zIkUNJ@4h1=Oh6p--ivT%M&@#Xm&mc{0aK}y~;f|g5OINGj>?#Xpa$szb(N4wq
zse{?nF6#L5QgPSL;Gn^p>kfC>dl1&>+Tr6-CtL8cQhw&FqmZ7Djl)w=x}s)#za(#{
zz@NDn(O3iTp|Qpa_WylJZmAU2EH;pHf@@}#m(ndWd+<Klt7VXx6NO~vL>l|Y2JV-a
z)bfnnU9G65g9N*=fz>?;uUnvNrTRl(g)MwpDZ{QY_^iWKfOK?Uob#~tjB2l^8k%5a
z$3!bS4w(0Q@@lOH4!zRI8N$`DmW`&1UgWZ(r{Fsi!GesFNbBRN6;fxBH5U&re6=F#
z;O+{?0`|aF$|Ab$wRH_nFsVXaNmm=z@hilaL0GQew9y!rL6-G84Kv8P7$aCtl`P{&
zweV=IfKt>o96kOM$Bw74M?9sETP1PJo!!{#d}H?B4%j(2KPhjZ&XMqXr}d$sGQ6hZ
zO<6~U=kYPo#1=AHM}$|z@!%<aH26<rEQkxvBn34p<kqF4p-|Jq-RWNQMN>Ew2`0PA
z*=Lu&>2SKmBo`HRR~Noo3MG<3hL2^|_k?^&pV=wlwJmFcU_jd?6RkqDv|Wn%@W2hu
zrEy7sld9ZpzF=w@V8NA6PemHFr3N@#l&-QX*xePe`gl|oFPbU}sQ)x`1wATo<CTe$
zgAUG>?wW)eaVLdpEM`?t$}V>Qwc^~ARLj(7<OSLYpkh@``FL!a!@+5(O_N*5tHa0+
zpYwqJd|~Ff58hPZ7hM{6?x$!3=%<J@DJ!?B3jJlK<_nA3WCTQ-V28&~T!W~!_YnYL
zsKOx}Xq$n8^zNaHqKr(8jtm+WK~020DRJ4!PJYo*Ohz3m8JA3I%pXX?msqIa`e+i*
zO3nBqj#h)gv$#WIB8F2YBo+X~?Uv7nKFNHyoPw(bfPyUnP^3YpaK1!bQM~FXJWxsH
zo-bjSQ?!Fu1sP#bq*0q!(Jt%*rOCmdV4&M5O__wm$G^pq=w?TDiaSqIFkf1bRNOOZ
zBY;2@X<~q*L6yar(Ss1tq>e);?1;c!ro(e`H?$sd6l&EGg(6KT%xTA6mg8QCx`4qt
zg=<f@d>S8A+htov2o^R9E~uZv6{1N5p)_*$+qNd9CmimMv0pv{)Ao}OI~-0S0~|7$
zj))XEq=y%s@Y!eO>Oi17qP>39jybJoL_`Z_FH)dWDMUq>3;Kh2tx3lq5%AJ-jUG~4
zU0}$eb0QliPU9=W9?lL&sItc&@I`Wtibw)l>?nn5BVs%-x}x@TF~%;v2hS@{J}9qM
zNn!k{0sBu613JLax!HnU;GO;I5jeU;Et2Ufpti}(2^##|OF?}b<lM^fs%YbQijaj*
z+#Er?xb)&A#Vg<%rIDB-t_m=TdRcDLOAd2DR4%4)ToF+=Oz3#hwd3^9-y&j3ZXD6|
zP$c@n506sa#^Dh@b$77OeM^Qj7RcAvPxi-e$s0-_%d$vf6@bcTOR>OWXRri~4CjI_
z+Wv3jK^0`<$Wnp^7ISbOuty)3my{!)oYBJyx_Mx?JR;mq;&Ad|coYvG4Q$}ez?#I~
zd<EW%FSHjFvd6(mWX(U8-BgIfLkS!mIDPTa4?Yyw1PCj-jKV@QYf9&+AM4?oLZpWF
zF`K%eJ^6=&D#${m!`TX?Nc=Zm0r&lP|I-1-<5{_`peF{088mT!@&7p7^x;)z6h2=t
zJV`iIilkWLf?Tye5`ja1^MXNDtqTUv!r_S6G(sB?8pm_04{swPc!W|~g>9v*V<tF&
zCaM)G=8sf+uyr~kt4<{%eq9g^o4hLMrA$zvW>mq9^nx$N%#GLZ#&ZT*Q0QX~kETFJ
zVzQlFpbDqto&O2X18J_J;<$AuQqo)@9AOa^%~mS|K3f%DnU(_4q<}=R0}teI1_cBB
z*hG}`g+Qx}3xP<}LXab-bFMogY9n+sN*z5~hOVf>`6S?rf#Aaz1JNu_VRa@oIGC9-
z&Egv`z%1UD1xZDbF_FKJl{ZxJT+3V*717~kP-g{meG@i!9p8{QR*Tw}2`;LWBO%hL
z4W@k4kcT##qL4r#($v>Sz6qO6o{>A{MKv7>_)*dtR{kWopQ32@ZrF4F?nQZnmO=e{
z`X!kAhcCc6qNqlGr$~!IUWDI8d9(_AWVISNvLa1=!Ed41w|`_bOCu<17$Yb$G!sBy
zUg<6HkrP#@M^C*ZN0i>tRBG5bU1b~h7P{GE=kV(qDlx{Z<~*DUP^M+Lcr_X=sIh`Q
zavshEcs0v7@p?E+1(;;_7Pu<-SFAUE6?|D<i~}W-*ezZ&(X4J}fd}O!)tqh4bmf%B
z7{O<eYuF19!Y62WD&VAIeu&N<W3aMf=h($(WxKhDcRUZ7M+?DPAAJrwvFiu2TNLBa
zi6pJ3aNp-<FLZ#G;LAq%Sdz4a!>2a#G#YSg7rR6)95s>D2hG$)?Q=<uDUO)Nl)88O
z^KyjA??Jo)<Kd3KE7{e>A2^otwAnn5rxJtu+PO>#Cc0v<9>CWptNjUIO!KYD|H7)4
zfhAfTSJiLODMUven3KLX@Zr`e#uhy$my{C=%b*hv8gojKneuZM=bw}-%VXiF<^&2W
zPW8y=q7<QkQi$p~O;%!2?yRNiIv!M^A?!8##A9HoX-f%etmId7S~;8{77!^yUZc9V
z2S4^86(a*Jsn<nxa4HQPE@u!QEz*0tDCvcEl)Mt+1dfhyR0t-#J=}O}Qa~e1sXgn)
zTiZ|)0pf`BGhjpoq@(v~9uXy)NBtD85Urx^X3O_LyaWSSzDUB~#czJu*S{n-lgXLH
zu#P8uFB=WU_-1mA4+yMxzF66UD554rnFv)*$RUM~zkKw{j^2iploJmNq=*SZ$_6RJ
zifC-enfG}k-iY>UNC1oI2w0Rt%@GH*F3#L`E3r;4u87XSl~52isERb5PJ<pfvPf-w
zi%6t^s|rPEl^%HUG;I)3!=|bPD<UFTp$}h#Z;;S$^08B|!1z-s#}luJej}vJDlr-W
zt>SRb4=SQ3P*F+;m8PHOdE4e-A_@*BO$h)d9?j)K2fq5>4Z%c~e#ha|_JkB@h96VD
z1u<+Me+z;NoU5`sn0J#}vo00J|C((W*0*|?l!FdtIetlaHG6uqx_~|lb<rmvetfwL
zPA$ggspQla1aWeNkiwH-mORL589Tg3sj2Gj!T(xS#VgYC#FMBbL5{O-Zp+nFFBe0c
zn1e{~J$&i83RNT=%NO>*83Q~dQZZskG3k!oyiX}s8j;%Y%h|$CIKe;qc2NO)R|UI<
zN;X$S&r*mee2!xFA-iLxN_<lEWI#)!HOkQjL~ogg|B@odLXC*lGeaHpZos4yyc1uo
z)#ZzssrwfXC}9Pb%*2f0eJF`kSD=e-+1Tgr6E=sc=x&G_i^X~p+!<dJ^T%Qd%VR05
zY_T~+O*Y3wsB%KGIU!#ZH^(tJL-57G{Nx@a5JwAsh$UGdNU?jr2PX-FA5G=Ep0Fv4
zbKrv&JHG-OKTMq4qb#Sy=_1GG$dxod$KwH|8HR|I#;?gxYfg5{-wEdjoC~OVZZG(#
zc*#pT<yM9YNU1Np4gSn#S7C{o!$;U7s!8^UQu;FI_C@g2nNI$q{2dB)YT<sRT#PG%
zit<QDIqcnwwSAlTSQFT@#P{Jy0TZYr!jrD3%d~gK;iweNkw%U}KpE`LVmhbi3cydY
z@snZ<GQvZVx#>e{P!4@ZZLDaf2xJXBFqzpBp#tXl@EUat-(6p2BGzJ)%^SX~q{d)0
z7g+f1H5VH{z1A23vMMSl$eGnHAt#0(VRI7v23w@y6YM#G(@J>R1^67Br{HVsO-ASy
zElde6W4s(SM}b`|LDF1BdIv~#8Xdl5GPvnc)6CTkAT4-J_RR^OLavgDJ73?Zlc*O$
z1ec7yOV^{iVOws9ghQUJ<}2yCp|>cU3>36Mq(DLQx6jK#Np(DhpR8+Lq=Tx&@d<YC
zla5v59!^9XQP>;LgXa&0qb3_Y_%+xyVV-pfqZ~R^XHa7Wvp)p8CSJ_~30{xZDxReM
z;3E&gj*0)KC5b0#N#aS`0yaDZTPFIQy9)72x&>i#W1To@m&-B|#1ex@D%7`iroMgZ
zMOZR_@hC)ru*O+oZg`2v>(TPVThfgN1~pkNB<Fi3Q3019o}>=W70Av0<^_3ys6z`6
zudX{QqKJBKYK5;mye@SZB#+nz(?iC+i4y7RhL4QmS=byNdeY%^2pnN0{W?_*$GW0^
z{zzg?IFRV}Ygc20IjCzLV9cQLH50;HIV9u<*gkU9eQ=76UpeJ2JH*fe1>%TED4-PW
zr361*cPc~OiGcnYuh9j5S;A>hSv-Ym3SWT)IV%sftl?%kJaqO4LUfmeiWBb3>HXmU
zwq)U;8<k0C*rab%W#J0ab%@cUN0Fvg(^?m?!v)o$<MR1&U*&^!Iuu}Eeihy;f`++)
z&{VSmvq&+ytmhtK6Ad}Nl+tlz=x6>Gx!bENLhlh;hU{-1mt!_I>aj02g#fwnXAlho
z+)Ix&j)pz^*3aYva(4ZV%Iihhoiz?cWzk_}7prP>@5(kWcfcC9?=~gH9{&u)Z0z|*
zd13ao+m!MGcH?39-)4XNQDt`ltGOM%=e~Cg+-&bmfx>p)u3RhmnD+wgZC~60e&N?|
zSLzr0M^i(zYCxd1(acoi^dL+8CkRD%<Ud20r0YMatSXxx^lb8MfH#H>_|{OXwBe6Z
zJ@XcWSl|1kvPK57&QB<HX9f!j*n-;?SN5ITmC1eV;%SJ+_NPX8XYt7MjzY!bgVxyn
ziyX_DZ2+Puo-2R=kBzes#boKPz?uF276?XjG-WShKR68rbYT&MdHcoF5N7Svub`b!
zB}DSWIB6Jj%*7t>RpIpfS4u70_*ag#SlP~s{~q=XO}~PmfiKp(?d-9a9BOuI)=?m3
zqyM1%ZELo0t$Lz>-PZsv&%sx0aHHb1D;P8`@hU`Zy0iwaSDcONv)Sa&91oYTZSA<W
zW6xgCf%u;G_`ddzU3<0YhF!gM_0OZwq(<309coEgSF$^h;$LoH$U0ty?Y`Mv&Q7$e
zN=Yoz%{MNlQfZ%BS?f!L!m(UJawG(62npfu3Z~eFYt<4J1K()*-M;Qn4+MILe75Ii
zcWE^|0gb^&s@?pB7H>#gEJIUObw02H{6^PYW^QY#Kk83~_)QnD!>{%%eXU3ZlW?x9
zp$7UY?*Fj2C`8g5P4)1b05cPY{aq3b2I0%bImBiu>VmLK3#H6;;3ml|Luo0ho4<|_
zP2gP<3Q&m;VZoj6vIvN!r0!%W6p5G>gqL0B#%sfVe==Zh94<#JZI`5y(WIFL-kxC7
z71(q#l8SQc&jq7P7U+0QG71MG{8UXZF*m$49P}kcXain>pQKybF7N41i4Tv>bvV#E
zI#i{sD<HlNwUm?UlgUVEz6LN{kO0-vFsvFrvts$7uvLguDk45I=8cGhV{QC<;K6ms
zJpQ7b3lWWWd(9{m4VZ*j5)KB#UNZ{m@YE~=9RBpA5?y9>@&i_sp$f(!no9Nr&C`k(
zqX>1ut{A*MH^GauH%U<E4+j&LDtLru5umgSW5e<TO0ET{!Y-s86^OuaS9e#E@ALFR
zc#VM*9*#KS>v2=-#M<1r&lmCq&7AQZ#nO0LR}8`{=T_12AL{N(CC#0ugBWTZg68_g
z*)A81c$->p^TvYK)@fg^HO~*ryWp$N-qFm&aQ8+J6`Q)lxA9^=%wI^Okfi_Q5}Id3
zU6}r3szO@}io>PZ-4sl>l-Zn+V~?#D!7wDl$wasJ?u*V+cH})+LtOh*w;Jt=_Qb-N
zDQl)Q2%mxkyCAFFVqud#-TrQ@SxyEPIRa@YfgH=2ybr#V3noK>P!IlAO-fwC;~|?Q
zCnr-=A}tx^U@5{qX3@DLsv$T65j=X#YX&bS-321>4%a+EID3->b-pA_BJ)H>uf!ri
zS$CwzZ{b3Y3$~9CP6Se3@#ujgg-QuT@GW}OZ$=;SHn$$|g@WQsHBO9$*4C4L7#(x>
zv5F4ih(8jGntM;B)H;Mg4g}4eC*Jsv7|tS?KM6nfoh^C8U6=i@Th!<FicJ~@G9OUc
zKgR8g*jN5eDr3L?J84n2`X067T0JE5e@t}qnTqW0Hu>Xf_M?u%pWk2{FXSVg=Odl}
zUli$_b)I$9WM6x?5F%OsuLyVkj}G?cY1bm=xmGU7{&t0ZFivMs^MybEk&-<=VE<{c
zH3<6E&g_@}(q0(?viAvv4q?y>7TP~{_fz)l-A@&LxtQexqEpQDKO-Ref{M$9LO){5
z-u#E6H;QNk|E~{-o{xo|kA<F(g)Ty6h~TgJSm<As^Rdt&z&hPxP~c&fkA*(os6{Kc
z9P)GZ<YS?0e~=&_3w>;y@2T-JN&In<d@S^QEOa_|61RMMpm2K7k&lHwpKfxmz_r-o
z7{VkU3q2nTeH`!H@ai}p3q2nT-E2U3AZ_cL!h9@r317gYYQ%@HA}l#Q>oA2V*W#&T
zb%ivUkA<#3DKbSf&&NWy{24lPbZ;Iu-Uu$Pg)pbL_W4-o@P|pv+RDd5=b^dtvCw(&
zb$nZwkA)7g)cN;C6rLg<3mv1<=VPIx7U;{jd@OV=d^f&=)za`pI3Ek$r@itPM=kod
z1w4v5z8}`~rN1E7GVqOcJ{EeFDfBk&uk*3chj=Vs`l|EtQOEIVyE*DOT%Y7)p=*J)
zE&FkJ-z#FO^AG)uaO(M3=n#HB9}E5R@!9cf4hM!n5&*()TMAd?W1+*Bo$nWZJ?FEa
zd@S^QEcARVbo_QI$4$(~LZ{&E`0_)Gw2eL>M4ZmYLe~_6eqKHnIz~^oICVx4YjW!H
zvC#Ek;xK!7Ja7D4-T7GPmy6KOT{{Ct+_lqmhY^qRvCuzMX)Dw}xGmKKZfilvF<OI`
z)<49~$3kzWNcKEzI7O7AFyZuZJ*6lH0miV;$3oA?LjRz!>^WO0J=FKc+(_mkyh1(}
zdOj99k8>kF$wv#M1@flzdy$V;C?5;m8WKpT29E9XvCtvrceN?zcRm(+J{CFzxj+j-
zQNziJ$;U#c03AjcsC+DRYbbN!l;mTf^W9}W7J5DwI*;m?kA;qL<?+rMf+(88z2{@0
zSBWU&6!kkF3q2nT-3X$t1u@64v2$XQ=VPJM5oA6Vy5*XLhvI@Ol6)-md@S^QEcBcp
z<M~+V`B>;PY*RiKdOj9<J{CItAwac}$C#ub-uYPQ7^NLgI`gs6=?_X8VdD9pTA+BK
zsGtAUvCtb-Jq&u);{R<Upr79CsM_<tNd)vy#xeG}SIQoF#qpq=kAQx7m`A1M(b3H@
zhw~B8OY#xW^AXTX@)6J}&IdOWbdI7$ug*t6&qqK96ZwBy1oWZRAG@c*nZ2jNwdbEP
zm@!11+~6u;S3BKa=1D{93-7v0nSGaBeCA_LC%fo!U(ZI0-M>Cl=~l{{)~`Q2ye~7-
zl^E6j3d(q9g!yD!2|KmM;bU*TT(pGU@fDYyz2J2J1-sVe-o&mgg}=da+iOK7+0g~=
zt0fx{v-1nxf5`r1k^2sbxA*Gv1xwh)e{tJY;D;54OWpPC?Gksn8-97}JsXVt4XnA;
zT~T4lH)>>o^209Ka}#^yyY4FXQjx2ieLA4HS@Ww!Dm(WWh_+*adjWJu&Hike`!mkE
zu~afM3}NGE)?IaY_!jOGj1Tkay_&suP?>b%5B}xGYWBcE_**l--{6i{i$CfFe~M+@
z#^KEPTJd{$U>#fZa#1O}IOVXjQ;qJcZ87gEcK*}Ol5D8Sy;2D_r+YjrQ^Sd_!Bis!
zb8PII7$46JkMTyEQ;B4sXXRvSxH~i2;8_WOb0;&(PQT-<fWOvFjc}qBH;Fp8FzH`i
zCF~o2?_RKV9R6JS*hpeDH9X$nvHakCG=9ea!yh5<F@A~GIzQ_!TWpqdER#&bU!-01
zrn|H_N3xDL+?9)jWb?@swziCF#*bh~)pNdv$z>qF=d38UGGHj&nK#|58io@?DNS@w
zdRVARsL_xJtC@5Zw6gm^c}(P&lO}s8=>B3+cKasxIvd-)L{->TSGk=wZ+KnymN?{P
z;qNsS!W^k`7qCxlcbBnSeeR;{?(1Mauu~saZeVxZ>9%LzKIHyqiJknSyC4gHzv+we
zqQTyc^tX~4Jkx`a+7QZ?A8}vX!hXEezL1?dV6(G3zYl*@>FWPhWQRZL^viXHrR=d^
zDqgnhF}KRzyw^R(>>qP4V84IUU2I5Y2dQ8P;O`yXrn)QGQv72{r&QI>{`jv>oEJ*=
z`+w_xqcQvLi|z+)Dvs4A54(32{AtLOuR03Pq+lAI`fsw5z4T*uq$GH`KaXU_4gt8a
zZz3f|hK=0rs$vg3;dY(CLF#RUL8m&m7>ldN{I^Ah($i~KP9_E?V6-`01Kw5ZL<FvR
zS$J;x00t3aZ~{QcA!rr?|Axf-G4Oif4~#`GF9H7>6d%YT=w0Q~IstOfU#VEK$YdLg
xIk%ead&6DATHged*1A=#VgLP2_d@oCH{j1ojlJpK%C7pb>d3zLhWqK_{~x*#bjSbz

diff --git a/demo/docs/alerts.html b/demo/docs/alerts.html
index d45b7ae5f..bf2b99a04 100644
--- a/demo/docs/alerts.html
+++ b/demo/docs/alerts.html
@@ -26,388 +26,41 @@
     <title>Alerts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Bootstrap provides an easy way to create predefined alert messages."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link active" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../docs/index.html" >
+                        Introduction
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -705,38 +729,38 @@
                       </div>
                       <h3 id="alert-with-avatar">Alert with avatar</h3>
                       <div class="example">
-                        <div class="alert alert-success alert-avatar" role="alert">
+                        <div class="alert alert-success" role="alert">
+                          <span class="avatar" style="background-image: url(../static/avatars/000m.jpg)"></span>
+                          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                        </div>
+                        <div class="alert alert-info" role="alert">
                           <span class="avatar">JL</span>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                         </div>
-                        <div class="alert alert-info alert-avatar" role="alert">
-                          <span class="avatar">JL</span>
+                        <div class="alert alert-warning" role="alert">
+                          <span class="avatar" style="background-image: url(../static/avatars/002m.jpg)"></span>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                         </div>
-                        <div class="alert alert-warning alert-avatar" role="alert">
-                          <span class="avatar">JL</span>
-                          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-                        </div>
-                        <div class="alert alert-danger alert-avatar" role="alert">
-                          <span class="avatar">JL</span>
+                        <div class="alert alert-danger" role="alert">
+                          <span class="avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                         </div>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-success alert-avatar"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&gt;</span>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-success"</span> <span class="na">role=</span><span class="s">"alert"</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(./static/avatars/000m.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
+   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+<span class="nt">&lt;/div&gt;</span>
+<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-info"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&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>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 <span class="nt">&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-info alert-avatar"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&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;div</span> <span class="na">class=</span><span class="s">"alert alert-warning"</span> <span class="na">role=</span><span class="s">"alert"</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(./static/avatars/002m.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 <span class="nt">&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-warning alert-avatar"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&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>
-   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
-<span class="nt">&lt;/div&gt;</span>
-<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"alert alert-danger alert-avatar"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">&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;div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</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(./static/avatars/003m.jpg)"</span><span class="nt">&gt;&lt;/span&gt;</span>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
@@ -773,9 +797,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/autosize.html b/demo/docs/autosize.html
index 52a57db1a..b8d3e3c4a 100644
--- a/demo/docs/autosize.html
+++ b/demo/docs/autosize.html
@@ -26,388 +26,41 @@
     <title>Autosize - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small, stand-alone script to automatically adjust textarea height."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link active" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -583,9 +607,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/avatars.html b/demo/docs/avatars.html
index c5b1026a9..2d7d5cb50 100644
--- a/demo/docs/avatars.html
+++ b/demo/docs/avatars.html
@@ -26,388 +26,41 @@
     <title>Avatars - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Create and group avatars of various shapes and sizes with one component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link active" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -775,9 +799,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index 362dc39d9..0c44fa625 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -26,388 +26,41 @@
     <title>Badges - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small count and labeling component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link active" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -739,9 +763,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/breadcrumb.html b/demo/docs/breadcrumb.html
index 62262a28c..71c4b878b 100644
--- a/demo/docs/breadcrumb.html
+++ b/demo/docs/breadcrumb.html
@@ -26,388 +26,41 @@
     <title>Breadcrumb - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link active" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -655,9 +679,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/buttons.html b/demo/docs/buttons.html
index 69199381e..7f1779145 100644
--- a/demo/docs/buttons.html
+++ b/demo/docs/buttons.html
@@ -26,388 +26,41 @@
     <title>Buttons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -1631,9 +1655,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cards.html b/demo/docs/cards.html
index 426274937..e66d69a9f 100644
--- a/demo/docs/cards.html
+++ b/demo/docs/cards.html
@@ -26,388 +26,41 @@
     <title>Cards - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link active" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -950,9 +974,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/carousel.html b/demo/docs/carousel.html
index b0830c185..7b2f9923c 100644
--- a/demo/docs/carousel.html
+++ b/demo/docs/carousel.html
@@ -26,388 +26,41 @@
     <title>Carousel - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Carousel is a slideshow for cycling through elements."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link active" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -653,9 +677,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/charts.html b/demo/docs/charts.html
index 2dff99b59..5adb86049 100644
--- a/demo/docs/charts.html
+++ b/demo/docs/charts.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Charts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link active" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/cursors.html" >
+                        Cursors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="../docs/charts.html" >
+                        Charts
+                      </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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -572,9 +596,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/colors.html b/demo/docs/colors.html
index 1eb414082..51f05da0b 100644
--- a/demo/docs/colors.html
+++ b/demo/docs/colors.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Colors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link active" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" href="../docs/colors.html" >
+                        Colors
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -822,9 +846,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/countup.html b/demo/docs/countup.html
index 98b5ae5c2..ad511d077 100644
--- a/demo/docs/countup.html
+++ b/demo/docs/countup.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Countup - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link active" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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 active" href="../docs/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -698,9 +722,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cursors.html b/demo/docs/cursors.html
index db8da36bf..ad90c32d5 100644
--- a/demo/docs/cursors.html
+++ b/demo/docs/cursors.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Cursors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link active" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -624,9 +648,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/divider.html b/demo/docs/divider.html
index 067e13ef2..5f033460f 100644
--- a/demo/docs/divider.html
+++ b/demo/docs/divider.html
@@ -26,388 +26,41 @@
     <title>Divider - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A divider visually segments content into groups"/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -639,9 +663,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/empty.html b/demo/docs/empty.html
index bf5e00427..81fcfa86f 100644
--- a/demo/docs/empty.html
+++ b/demo/docs/empty.html
@@ -26,388 +26,41 @@
     <title>Empty states - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Empty states/blanks are commonly used as placeholders for first time use, empty data or error screens."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -643,9 +667,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/flags.html b/demo/docs/flags.html
index 1d9219de7..264782e45 100644
--- a/demo/docs/flags.html
+++ b/demo/docs/flags.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Flags - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link active" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/divider.html" >
+                        Divider
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/empty.html" >
+                        Empty states
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -2110,9 +2134,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-elements.html b/demo/docs/form-elements.html
index 145305d45..4ba56123c 100644
--- a/demo/docs/form-elements.html
+++ b/demo/docs/form-elements.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form Elements - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -2062,9 +2086,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-helpers.html b/demo/docs/form-helpers.html
index dd350ccc1..e531e3f85 100644
--- a/demo/docs/form-helpers.html
+++ b/demo/docs/form-helpers.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form helpers - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -580,9 +604,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/index.html b/demo/docs/index.html
index afcd43397..b9462d7a7 100644
--- a/demo/docs/index.html
+++ b/demo/docs/index.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Introduction - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link active" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item active" 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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -598,9 +622,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/input-mask.html b/demo/docs/input-mask.html
index ec777efc9..0106f2476 100644
--- a/demo/docs/input-mask.html
+++ b/demo/docs/input-mask.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Input mask - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action active">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -579,9 +603,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/layout.html b/demo/docs/layout.html
new file mode 100644
index 000000000..b0a57542a
--- /dev/null
+++ b/demo/docs/layout.html
@@ -0,0 +1,788 @@
+<!doctype html>
+<!--
+* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
+* @version v1.0.0-alpha
+* @link https://github.com/tabler/tabler
+* Copyright 2018-2019 The Tabler Authors
+* Copyright 2018-2019 codecalm.net Paweł Kuna
+* Licensed under MIT (https://tabler.io/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"/>
+    <meta http-equiv="Content-Language" content="en"/>
+    <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"/>
+    <title>Page Layouts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <!-- Libs CSS -->
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Core -->
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Plugins -->
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+  </head>
+  <body class="antialiased">
+    <div class="wrapper">
+      <div class="content">
+        <header class="topnav">
+          <div class="container">
+            <div class="navbar navbar-expand-lg navbar-light">
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
+              <ul class="nav navbar-menu align-items-center ml-auto">
+                <li class="nav-item d-none d-lg-flex mr-3">
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a href="#" data-toggle="dropdown"
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+                    <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
+                    <span class="ml-2 d-none d-lg-block lh-1">
+                      Leesa Beaty
+                      <span class="text-muted d-block mt-1 text-h6">Administrator</span>
+                    </span>
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                      Profile
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+                      Settings
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+                      Inbox
+                      <span class="badge bg-primary ml-auto">6</span>
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+                      Message
+                    </a>
+                    <div class="dropdown-divider"></div>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
+                      Need help?
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
+                      Sign out
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
+        <div class="content-page">
+          <main class="container my-4 flex-fill">
+            <!-- Page title -->
+            <div class="page-title-box">
+              <div class="row align-items-center">
+                <div class="col-auto">
+                  <h2 class="page-title">
+                    Documentation
+                  </h2>
+                </div>
+              </div>
+            </div>
+            <div class="row justify-content-center">
+              <div class="col-lg-3 order-lg-1 mb-4">
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
+                  Browse source code
+                </a>
+                <div class="list-group list-group-transparent mb-0">
+                  <a href="../docs/index.html" class="list-group-item list-group-item-action">
+                    Introduction
+                  </a>
+                  <a href="../docs/alerts.html" class="list-group-item list-group-item-action">
+                    Alerts
+                  </a>
+                  <a href="../docs/autosize.html" class="list-group-item list-group-item-action">
+                    Autosize
+                  </a>
+                  <a href="../docs/avatars.html" class="list-group-item list-group-item-action">
+                    Avatars
+                  </a>
+                  <a href="../docs/badges.html" class="list-group-item list-group-item-action">
+                    Badges
+                  </a>
+                  <a href="../docs/breadcrumb.html" class="list-group-item list-group-item-action">
+                    Breadcrumb
+                  </a>
+                  <a href="../docs/buttons.html" class="list-group-item list-group-item-action">
+                    Buttons
+                  </a>
+                  <a href="../docs/cards.html" class="list-group-item list-group-item-action">
+                    Cards
+                  </a>
+                  <a href="../docs/carousel.html" class="list-group-item list-group-item-action">
+                    Carousel
+                  </a>
+                  <a href="../docs/colors.html" class="list-group-item list-group-item-action">
+                    Colors
+                  </a>
+                  <a href="../docs/countup.html" class="list-group-item list-group-item-action">
+                    Countup
+                  </a>
+                  <a href="../docs/cursors.html" class="list-group-item list-group-item-action">
+                    Cursors
+                  </a>
+                  <a href="../docs/charts.html" class="list-group-item list-group-item-action">
+                    Charts
+                  </a>
+                  <a href="../docs/divider.html" class="list-group-item list-group-item-action">
+                    Divider
+                  </a>
+                  <a href="../docs/empty.html" class="list-group-item list-group-item-action">
+                    Empty states
+                  </a>
+                  <a href="../docs/flags.html" class="list-group-item list-group-item-action">
+                    Flags
+                  </a>
+                  <a href="../docs/form-elements.html" class="list-group-item list-group-item-action">
+                    Form elements
+                  </a>
+                  <a href="../docs/form-helpers.html" class="list-group-item list-group-item-action">
+                    Form helpers
+                  </a>
+                  <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
+                    Form input mask
+                  </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action active">
+                    Layout
+                  </a>
+                  <a href="../docs/progress.html" class="list-group-item list-group-item-action">
+                    Progress
+                  </a>
+                  <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
+                    Ribbons
+                    <span class="badge bg-green ml-auto">New</span>
+                  </a>
+                  <a href="../docs/spinners.html" class="list-group-item list-group-item-action">
+                    Spinners
+                  </a>
+                  <a href="../docs/steps.html" class="list-group-item list-group-item-action">
+                    Steps
+                  </a>
+                  <a href="../docs/tables.html" class="list-group-item list-group-item-action">
+                    Tables
+                  </a>
+                  <a href="../docs/tabs.html" class="list-group-item list-group-item-action">
+                    Tabs
+                  </a>
+                  <a href="../docs/timelines.html" class="list-group-item list-group-item-action">
+                    Timelines
+                  </a>
+                  <a href="../docs/toasts.html" class="list-group-item list-group-item-action">
+                    Toasts
+                  </a>
+                  <a href="../docs/tooltips.html" class="list-group-item list-group-item-action">
+                    Tooltips
+                  </a>
+                  <a href="../docs/typography.html" class="list-group-item list-group-item-action">
+                    Typography
+                  </a>
+                </div>
+              </div>
+              <div class="col-lg-9">
+                <div class="card">
+                  <div class="card-body p-md-6 p-xl-7">
+                    <div class="markdown">
+                      <h2 class="h1 mt-0 mb-3">Page Layouts
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-green"><polyline points="20 6 9 17 4 12"></polyline></svg>
+                      </h2>
+                      <p>Tabler includes a number of utility pages to help speed up development of your project management web application</p>
+                      <div class="row row-md mb-n5 mt-6">
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                      <div class="h-2 border-bottom bg-white"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Default tabler layout</a>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                      <div class="h-2 bg-dark"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Dark navigation</a>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col-3 border-right bg-white"></div>
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Sidebar</a>
+                                <span class="badge bg-green ml-2">New</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col-3 bg-dark"></div>
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Dark sidebar</a>
+                                <span class="badge bg-green ml-2">New</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col-auto w-2 bg-dark"></div>
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Narrow sidebar</a>
+                                <span class="badge bg-green ml-2">New</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                    </div>
+                                    <div class="col-3 border-left bg-white"></div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Right sidebar</a>
+                                <span class="badge bg-green ml-2">New</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col-3 border-right bg-white"></div>
+                                    <div class="col">
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Sidebar only</a>
+                                <span class="badge bg-green ml-2">New</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="col-12 mb-5 opacity-25">
+                          <div class="row">
+                            <div class="col-auto">
+                              <a href="../" class="position-relative">
+                                <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                                  <div class="row row-0 flex-fill">
+                                    <div class="col-3 bg-dark"></div>
+                                    <div class="col">
+                                      <div class="border-bottom h-2 bg-white"></div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </a>
+                            </div>
+                            <div class="col">
+                              <h3>
+                                <a href="../">Dark mode</a>
+                                <span class="badge bg-yellow ml-2">Soon!</span>
+                              </h3>
+                              <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+    </div>
+    <!-- Libs JS -->
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <!-- Tabler Core -->
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/demo/docs/payments.html b/demo/docs/payments.html
index cac70aa6a..48da36cfb 100644
--- a/demo/docs/payments.html
+++ b/demo/docs/payments.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Payments - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -1142,9 +1166,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/progress.html b/demo/docs/progress.html
index b9f9bfbb5..5a3bc7b72 100644
--- a/demo/docs/progress.html
+++ b/demo/docs/progress.html
@@ -26,388 +26,41 @@
     <title>Progress - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A progress bar can be used to show a user how far along he is in a process."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link active" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action active">
                     Progress
                   </a>
@@ -694,9 +718,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/ribbons.html b/demo/docs/ribbons.html
index 9d5051f9b..fe0f5df07 100644
--- a/demo/docs/ribbons.html
+++ b/demo/docs/ribbons.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link active" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -674,9 +698,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/spinners.html b/demo/docs/spinners.html
index 6da87f88b..d480a30b9 100644
--- a/demo/docs/spinners.html
+++ b/demo/docs/spinners.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Spinners - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link active" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -849,9 +873,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/steps.html b/demo/docs/steps.html
index 01da2ba85..db99d31d6 100644
--- a/demo/docs/steps.html
+++ b/demo/docs/steps.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Steps - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link active" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/spinners.html" >
+                        Spinners
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -735,9 +759,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tables.html b/demo/docs/tables.html
index 45ffcdba5..36879dd48 100644
--- a/demo/docs/tables.html
+++ b/demo/docs/tables.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tables - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link active" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -706,9 +730,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tabs.html b/demo/docs/tabs.html
index 0626eb4f2..11fa5ed3e 100644
--- a/demo/docs/tabs.html
+++ b/demo/docs/tabs.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tabs - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link active" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -953,9 +977,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/timelines.html b/demo/docs/timelines.html
index 6e477e81f..9ed051826 100644
--- a/demo/docs/timelines.html
+++ b/demo/docs/timelines.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Timelines - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link active" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -460,8 +479,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -522,6 +543,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -977,9 +1001,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/toasts.html b/demo/docs/toasts.html
index 47bfdec25..aff0c1950 100644
--- a/demo/docs/toasts.html
+++ b/demo/docs/toasts.html
@@ -26,388 +26,41 @@
     <title>Toasts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.)."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link active" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" 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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -610,9 +634,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tooltips.html b/demo/docs/tooltips.html
index cc7fec903..e0652050c 100644
--- a/demo/docs/tooltips.html
+++ b/demo/docs/tooltips.html
@@ -26,388 +26,41 @@
     <title>Tooltips - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link active" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" href="../docs/tooltips.html" >
+                        Tooltips
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/typography.html" >
+                        Typography
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+              <div class="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -623,9 +647,9 @@ Tooltip with HTML
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/typography.html b/demo/docs/typography.html
index 786ed0ca7..1421322fd 100644
--- a/demo/docs/typography.html
+++ b/demo/docs/typography.html
@@ -26,388 +26,41 @@
     <title>Typography - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Documentation and examples for common text utilities to control alignment, wrapping, weight, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href=".." class="sidebar-brand">
-          <img src="../static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="../static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="../index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="../400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="../blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="../tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="../layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="../invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="../docs/typography.html" class="sidebar-nav-link active" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href=".." class="navbar-brand mr-4">
+                <img src="../static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="../static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(../static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -447,6 +100,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="../index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../datatables.html" >
+                        Data 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="../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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="../400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="../tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="../layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="../search-results.html" >
+                        Search results
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-docs" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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 active" href="../docs/typography.html" >
+                        Typography
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+              <div class="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -461,8 +480,10 @@
             </div>
             <div class="row justify-content-center">
               <div class="col-lg-3 order-lg-1 mb-4">
-                <a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-4" target="_blank">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
+                <a href="https://github.com/tabler/tabler" class="btn btn-secondary mb-4 btn-block" target="_blank">
+                  <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>
                   Browse source code
                 </a>
                 <div class="list-group list-group-transparent mb-0">
@@ -523,6 +544,9 @@
                   <a href="../docs/input-mask.html" class="list-group-item list-group-item-action">
                     Form input mask
                   </a>
+                  <a href="../docs/layout.html" class="list-group-item list-group-item-action">
+                    Layout
+                  </a>
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
@@ -847,9 +871,9 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578237242"></script>
+    <script src="../dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dropdowns.html b/demo/dropdowns.html
index d00d1a0c3..2103a1830 100644
--- a/demo/dropdowns.html
+++ b/demo/dropdowns.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -592,9 +611,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/email.html b/demo/email.html
index d24b1aad6..b64c6ddbb 100644
--- a/demo/email.html
+++ b/demo/email.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Email - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -535,9 +554,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/empty.html b/demo/empty.html
index e7dbba085..239907f37 100644
--- a/demo/empty.html
+++ b/demo/empty.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Empty page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <div class="empty">
@@ -468,9 +487,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/flags.html b/demo/flags.html
index 73854c206..1d7b33ea9 100644
--- a/demo/flags.html
+++ b/demo/flags.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1720,9 +1739,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/forgot-password.html b/demo/forgot-password.html
index db614c2d8..92f40a5f5 100644
--- a/demo/forgot-password.html
+++ b/demo/forgot-password.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -68,9 +69,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/form-elements.html b/demo/form-elements.html
index 3ed4cdf4c..d5139b0d6 100644
--- a/demo/form-elements.html
+++ b/demo/form-elements.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link active" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item active">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1293,13 +1312,13 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-  <script src="./dist/libs/autosize/dist/autosize.min.js?1578237242"></script>
-  <script src="./dist/libs/imask/dist/imask.min.js?1578237242"></script>
-  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578237242"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="./dist/libs/autosize/dist/autosize.min.js?1578435905"></script>
+  <script src="./dist/libs/imask/dist/imask.min.js?1578435905"></script>
+  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578237242"></script>
+  <script src="./dist/js/tabler.min.js?1578435905"></script>
   <script>
     $(document).ready(function () {
     	$('#select-tags').selectize({
diff --git a/demo/gallery.html b/demo/gallery.html
index 940cd2ed8..45e0a3a85 100644
--- a/demo/gallery.html
+++ b/demo/gallery.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Gallery - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link active" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./users.html" >
+                        Users
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" 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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -481,8 +500,8 @@
             <div class="row">
               <div class="col-sm-6 col-lg-4">
                 <div class="card card-sm">
+                  <a href="#" class="d-block"><img src="./static/photos/1b73704b282a8ec6.jpg" class="card-img-top"></a>
                   <div class="card-body">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/1b73704b282a8ec6.jpg" class="rounded"></a>
                     <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">
@@ -505,8 +524,8 @@
               </div>
               <div class="col-sm-6 col-lg-4">
                 <div class="card card-sm">
+                  <a href="#" class="d-block"><img src="./static/photos/3d2998219313cd37.jpg" class="card-img-top"></a>
                   <div class="card-body">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/3d2998219313cd37.jpg" class="rounded"></a>
                     <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">
@@ -529,8 +548,8 @@
               </div>
               <div class="col-sm-6 col-lg-4">
                 <div class="card card-sm">
+                  <a href="#" class="d-block"><img src="./static/photos/6ab3200b14549f8a.jpg" class="card-img-top"></a>
                   <div class="card-body">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/6ab3200b14549f8a.jpg" class="rounded"></a>
                     <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">
@@ -553,8 +572,8 @@
               </div>
               <div class="col-sm-6 col-lg-4">
                 <div class="card card-sm">
+                  <a href="#" class="d-block"><img src="./static/photos/6d35d9a2bd6c63c2.jpg" class="card-img-top"></a>
                   <div class="card-body">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/6d35d9a2bd6c63c2.jpg" class="rounded"></a>
                     <div class="d-flex align-items-center">
                       <span class="avatar mr-3 rounded">EP</span>
                       <div class="lh-sm">
@@ -577,8 +596,8 @@
               </div>
               <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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/8a26974ee6444acd.jpg" class="rounded"></a>
                     <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">
@@ -601,8 +620,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/8c13ad59f739558c.jpg" class="rounded"></a>
                     <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">
@@ -625,8 +644,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/8fdeb4785d2b82ef.jpg" class="rounded"></a>
                     <div class="d-flex align-items-center">
                       <span class="avatar mr-3 rounded">SA</span>
                       <div class="lh-sm">
@@ -649,8 +668,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/9f36332564ca271d.jpg" class="rounded"></a>
                     <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">
@@ -673,8 +692,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/35b88fc04a518c1b.jpg" class="rounded"></a>
                     <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">
@@ -697,8 +716,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/36e273986ed577b8.jpg" class="rounded"></a>
                     <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">
@@ -721,8 +740,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/75b555b99d5b38c4.jpg" class="rounded"></a>
                     <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">
@@ -745,8 +764,8 @@
               </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">
-                    <a href="#" class="mb-3 d-block"><img src="./static/photos/546fd146c83f428c.jpg" class="rounded"></a>
                     <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">
@@ -793,9 +812,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/homepage.html b/demo/homepage.html
index 96c9706aa..9daf725ab 100644
--- a/demo/homepage.html
+++ b/demo/homepage.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Homepage - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -891,11 +910,11 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-  <script src="./dist/libs/peity/jquery.peity.min.js?1578237242"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578237242"></script>
+  <script src="./dist/js/tabler.min.js?1578435905"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
     	$().peity && $('#sparkline-7').text("4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10").peity("bar", {
diff --git a/demo/icons.html b/demo/icons.html
index 14fc0986f..3c0dd5fca 100644
--- a/demo/icons.html
+++ b/demo/icons.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -3584,9 +3603,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
index 957373ec2..5f1b1283a 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link active" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item active">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1209,7 +1228,7 @@
                           <td>
                             <div>Eva Acres</div>
                             <div class="small text-muted">
-                              Registered: Dec 8, 2019
+                              Registered: Dec 11, 2019
                             </div>
                           </td>
                           <td>
@@ -1264,7 +1283,7 @@
                           <td>
                             <div>Jermaine Booley</div>
                             <div class="small text-muted">
-                              Registered: Nov 22, 2019
+                              Registered: Nov 24, 2019
                             </div>
                           </td>
                           <td>
@@ -1319,7 +1338,7 @@
                           <td>
                             <div>Juanita Nobles</div>
                             <div class="small text-muted">
-                              Registered: Dec 27, 2019
+                              Registered: Dec 30, 2019
                             </div>
                           </td>
                           <td>
@@ -1374,7 +1393,7 @@
                           <td>
                             <div>Nanni Wooler</div>
                             <div class="small text-muted">
-                              Registered: Oct 7, 2019
+                              Registered: Oct 9, 2019
                             </div>
                           </td>
                           <td>
@@ -1429,7 +1448,7 @@
                           <td>
                             <div>Mela Sydes</div>
                             <div class="small text-muted">
-                              Registered: Nov 24, 2019
+                              Registered: Nov 26, 2019
                             </div>
                           </td>
                           <td>
@@ -1484,7 +1503,7 @@
                           <td>
                             <div>Price Letixier</div>
                             <div class="small text-muted">
-                              Registered: Dec 9, 2019
+                              Registered: Dec 12, 2019
                             </div>
                           </td>
                           <td>
@@ -1507,7 +1526,7 @@
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
-                            <div>4 minutes ago</div>
+                            <div>3 minutes ago</div>
                           </td>
                           <td class="text-center">
                             <!--					<div class="mx-auto" data-value="0.0"-->
@@ -1539,7 +1558,7 @@
                           <td>
                             <div>Beatrix Ladewig</div>
                             <div class="small text-muted">
-                              Registered: Nov 13, 2019
+                              Registered: Nov 15, 2019
                             </div>
                           </td>
                           <td>
@@ -1594,7 +1613,7 @@
                           <td>
                             <div>Donnie Biggin</div>
                             <div class="small text-muted">
-                              Registered: Oct 13, 2019
+                              Registered: Oct 15, 2019
                             </div>
                           </td>
                           <td>
@@ -1653,16 +1672,16 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578237242"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578435905"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
@@ -1738,7 +1757,7 @@
       			type: 'datetime',
       		},
       		labels: [...Array(30).keys()].map(n => '2019-09-' + (n + 1)),
-      		colors: ["#206bc4", "#868e96"],
+      		colors: ["#206bc4", "#aeb3bc"],
       		legend: {
       			show: false,
       		},
@@ -1861,7 +1880,7 @@
       		height: 40,
       		stroke: "#fab005",
       		strokeWidth: 2,
-      		fill: ["#fab005", "#e9ecef"],
+      		fill: ["#fab005", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1874,7 +1893,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1887,7 +1906,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1900,7 +1919,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1913,7 +1932,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1926,7 +1945,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1939,7 +1958,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1952,7 +1971,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1965,7 +1984,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
diff --git a/demo/invoice.html b/demo/invoice.html
index f54a18c61..914ed6d07 100644
--- a/demo/invoice.html
+++ b/demo/invoice.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Invoice - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link active" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</span>
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item active" href="./invoice.html" >
+                        Invoice
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./blog.html" >
+                        Blog cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <div class="card">
@@ -555,9 +574,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/layout-test.html b/demo/layout-test.html
index aaec13f30..e9abf1490 100644
--- a/demo/layout-test.html
+++ b/demo/layout-test.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Layout test - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link active" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -509,10 +528,10 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       $(document).ready(function () {
       	var $test_el = $('#card-test'),
diff --git a/demo/layouts.html b/demo/layouts.html
index d018e6c0a..f44224294 100644
--- a/demo/layouts.html
+++ b/demo/layouts.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link active" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item active">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -458,11 +477,191 @@
                 </div>
               </div>
             </div>
-            <div class="card">
+            <div class="card card-md">
               <div class="card-body">
-                <a href="layout-test.html" class="d-block">
-                  Left sidebar
-                </a>
+                <div class="row row-md mb-n6">
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                                <div class="h-2 border-bottom bg-white"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Default tabler layout</a>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                                <div class="h-2 bg-dark"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Dark navigation</a>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col-3 border-right bg-white"></div>
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Sidebar</a>
+                          <span class="badge bg-green ml-2">New</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col-3 bg-dark"></div>
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Dark sidebar</a>
+                          <span class="badge bg-green ml-2">New</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col-auto w-2 bg-dark"></div>
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Narrow sidebar</a>
+                          <span class="badge bg-green ml-2">New</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                              </div>
+                              <div class="col-3 border-left bg-white"></div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Right sidebar</a>
+                          <span class="badge bg-green ml-2">New</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col-3 border-right bg-white"></div>
+                              <div class="col">
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Sidebar only</a>
+                          <span class="badge bg-green ml-2">New</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-6 mb-6 opacity-25">
+                    <div class="row">
+                      <div class="col-auto">
+                        <a href="./" class="position-relative">
+                          <div class="border rounded w-8 h-7 bg-light shadow-sm mx-auto d-flex flex-column">
+                            <div class="row row-0 flex-fill">
+                              <div class="col-3 bg-dark"></div>
+                              <div class="col">
+                                <div class="border-bottom h-2 bg-white"></div>
+                              </div>
+                            </div>
+                          </div>
+                        </a>
+                      </div>
+                      <div class="col">
+                        <h3>
+                          <a href="./">Dark mode</a>
+                          <span class="badge bg-yellow ml-2">Soon!</span>
+                        </h3>
+                        <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur.</p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </main>
@@ -470,9 +669,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/login.html b/demo/login.html
index 5ce5674ed..bfc10cd1c 100644
--- a/demo/login.html
+++ b/demo/login.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Login - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -81,9 +82,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/lookup.html b/demo/lookup.html
index 12da9cf11..d80111d7d 100644
--- a/demo/lookup.html
+++ b/demo/lookup.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Lookup company - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -669,9 +688,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maintenance.html b/demo/maintenance.html
index 133479f18..645627087 100644
--- a/demo/maintenance.html
+++ b/demo/maintenance.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maintenance mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -56,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maps.html b/demo/maps.html
index e170a80ad..a8447342c 100644
--- a/demo/maps.html
+++ b/demo/maps.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -486,14 +505,14 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578237242"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578435905"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function() {
          $('#map-world').vectorMap({
diff --git a/demo/markdown.html b/demo/markdown.html
index 68cf78278..b4e6d389f 100644
--- a/demo/markdown.html
+++ b/demo/markdown.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -511,9 +530,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/music.html b/demo/music.html
index ad253fc46..81f8292d3 100644
--- a/demo/music.html
+++ b/demo/music.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Music components - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link active" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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 active" href="./music.html" >
+                        Music
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -886,9 +905,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pagination.html b/demo/pagination.html
index f34cffca2..71a6ee5eb 100644
--- a/demo/pagination.html
+++ b/demo/pagination.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pagination - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <div class="card">
@@ -529,9 +548,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pricing.html b/demo/pricing.html
index 109add086..20f935ecf 100644
--- a/demo/pricing.html
+++ b/demo/pricing.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pricing cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -586,9 +605,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/profile.html b/demo/profile.html
index 11cbfacb8..180a776e9 100644
--- a/demo/profile.html
+++ b/demo/profile.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Profile - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link active" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./users.html" >
+                        Users
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./gallery.html" >
+                        Gallery
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item active" href="./profile.html" >
+                        Profile
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./music.html" >
+                        Music
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -721,9 +740,9 @@ But that's the difference in our opinions.</textarea>
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/register.html b/demo/register.html
index 2d6d6ec34..868cc83ea 100644
--- a/demo/register.html
+++ b/demo/register.html
@@ -25,17 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Register - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -81,9 +82,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/ribbons.html b/demo/ribbons.html
index adcd06172..d457cf28e 100644
--- a/demo/ribbons.html
+++ b/demo/ribbons.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -625,9 +644,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/rtl.html b/demo/rtl.html
index e647a93a6..e49e380ff 100644
--- a/demo/rtl.html
+++ b/demo/rtl.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>RTL mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -530,11 +549,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-22').text("45/100").peity("pie", {
@@ -542,7 +561,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -555,7 +574,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -568,7 +587,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
diff --git a/demo/search-results.html b/demo/search-results.html
new file mode 100644
index 000000000..57ca73a3e
--- /dev/null
+++ b/demo/search-results.html
@@ -0,0 +1,766 @@
+<!doctype html>
+<!--
+* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
+* @version v1.0.0-alpha
+* @link https://github.com/tabler/tabler
+* Copyright 2018-2019 The Tabler Authors
+* Copyright 2018-2019 codecalm.net Paweł Kuna
+* Licensed under MIT (https://tabler.io/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"/>
+    <meta http-equiv="Content-Language" content="en"/>
+    <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"/>
+    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <!-- Libs CSS -->
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Core -->
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Plugins -->
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+  </head>
+  <body class="antialiased">
+    <div class="wrapper">
+      <div class="content">
+        <header class="topnav">
+          <div class="container">
+            <div class="navbar navbar-expand-lg navbar-light">
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
+              <ul class="nav navbar-menu align-items-center ml-auto">
+                <li class="nav-item d-none d-lg-flex mr-3">
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a href="#" data-toggle="dropdown"
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                    <span class="ml-2 d-none d-lg-block lh-1">
+                      Leesa Beaty
+                      <span class="text-muted d-block mt-1 text-h6">Administrator</span>
+                    </span>
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                      Profile
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+                      Settings
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+                      Inbox
+                      <span class="badge bg-primary ml-auto">6</span>
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+                      Message
+                    </a>
+                    <div class="dropdown-divider"></div>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
+                      Need help?
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
+                      Sign out
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</span>
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-extra" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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 active" href="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
+        <div class="content-page">
+          <main class="container my-4 flex-fill">
+            <!-- Page title -->
+            <div class="page-title-box">
+              <div class="row align-items-center">
+                <div class="col-auto">
+                  <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>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-3">
+                <form action="" method="get">
+                  <div class="subheader mb-2">Category</div>
+                  <div class="list-group list-group-transparent mb-3">
+                    <a class="list-group-item list-group-item-action d-flex align-items-center active" href="#">
+                      Games
+                      <small class="text-muted ml-auto">24</small>
+                    </a>
+                    <a class="list-group-item list-group-item-action d-flex align-items-center" href="#">
+                      Clothing
+                      <small class="text-muted ml-auto">149</small>
+                    </a>
+                    <a class="list-group-item list-group-item-action d-flex align-items-center" href="#">
+                      Jewelery
+                      <small class="text-muted ml-auto">88</small>
+                    </a>
+                    <a class="list-group-item list-group-item-action d-flex align-items-center" href="#">
+                      Toys
+                      <small class="text-muted ml-auto">54</small>
+                    </a>
+                  </div>
+                  <div class="subheader mb-2">Rating</div>
+                  <div class="mb-3">
+                    <label class="form-check mb-1">
+                      <input type="radio" class="form-check-input" name="form-stars" value="5 stars" checked>
+                      <span class="form-check-label">5 stars</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="radio" class="form-check-input" name="form-stars" value="4 stars">
+                      <span class="form-check-label">4 stars</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="radio" class="form-check-input" name="form-stars" value="3 stars">
+                      <span class="form-check-label">3 stars</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="radio" class="form-check-input" name="form-stars" value="2 and less stars">
+                      <span class="form-check-label">2 and less stars</span>
+                    </label>
+                  </div>
+                  <div class="subheader mb-2">Tags</div>
+                  <div class="mb-3">
+                    <label class="form-check mb-1">
+                      <input type="checkbox" class="form-check-input" name="form-tags[]" value="business" checked>
+                      <span class="form-check-label">business</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="checkbox" class="form-check-input" name="form-tags[]" value="evening">
+                      <span class="form-check-label">evening</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="checkbox" class="form-check-input" name="form-tags[]" value="leisure">
+                      <span class="form-check-label">leisure</span>
+                    </label>
+                    <label class="form-check mb-1">
+                      <input type="checkbox" class="form-check-input" name="form-tags[]" value="party">
+                      <span class="form-check-label">party</span>
+                    </label>
+                  </div>
+                  <div class="subheader mb-2">Price</div>
+                  <div class="row row-sm align-items-center mb-3">
+                    <div class="col">
+                      <div class="input-group">
+                        <div class="input-group-prepend">
+                          <span class="input-group-text">$</span>
+                        </div>
+                        <input type="text" class="form-control" placeholder="from" value="3">
+                      </div>
+                    </div>
+                    <div class="col-auto">—</div>
+                    <div class="col">
+                      <div class="input-group">
+                        <div class="input-group-prepend">
+                          <span class="input-group-text">$</span>
+                        </div>
+                        <input type="text" class="form-control" placeholder="to" value="">
+                      </div>
+                    </div>
+                  </div>
+                  <div class="subheader mb-2">Shipping</div>
+                  <div>
+                    <select name="" class="form-select">
+                      <option>United Kingdom</option>
+                      <option>USA</option>
+                      <option>Germany</option>
+                      <option>Poland</option>
+                      <option>Other&hellip;</option>
+                    </select>
+                  </div>
+                  <div class="mt-5">
+                    <button class="btn btn-primary btn-block">
+                      Confirm changes
+                    </button>
+                    <a href="#" class="btn btn-link btn-block">
+                      Reset to defaults
+                    </a>
+                  </div>
+                </form>
+              </div>
+              <div class="col-9">
+                <div class="row">
+                  <div class="col-sm-6 col-lg-4">
+                    <div class="card card-sm">
+                      <a href="#" class="d-block"><img src="./static/photos/1b73704b282a8ec6.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/000m.jpg)"></span>
+                          <div class="lh-sm">
+                            <div>Paweł Kuna</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/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>
+                          </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/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>
+                          </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/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>
+                          </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/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>
+                            <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/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>
+                          </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">SA</span>
+                          <div class="lh-sm">
+                            <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/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>
+                      </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>
+                      </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>
+                      </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>
+                      </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>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+    </div>
+    <!-- Libs JS -->
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <!-- Tabler Core -->
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/demo/sitemap.xml b/demo/sitemap.xml
index 462de174b..1ff29395f 100644
--- a/demo/sitemap.xml
+++ b/demo/sitemap.xml
@@ -2,175 +2,179 @@
   <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>/components/card-buttons.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-comments.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-ribbon.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-tabs-bottom.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-with-image.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/empty.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-colors.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-image.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/progress.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-avatar.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-card.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-revenue.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-sales.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/alerts.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/autosize.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/avatars.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/badges.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/breadcrumb.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/buttons.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cards.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/carousel.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/charts.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/colors.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/countup.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cursors.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/divider.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/empty.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/flags.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-elements.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-helpers.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/input-mask.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+    </url>
+    <url>
+      <loc>/docs/layout.html</loc>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/payments.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/progress.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/ribbons.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/spinners.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/steps.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tables.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tabs.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/timelines.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/toasts.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tooltips.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/typography.html</loc>
-      <lastmod>2020-01-05T16:14:02+01:00</lastmod>
+      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
     </url>
     <url>
       <loc>/400.html</loc>
@@ -301,6 +305,9 @@
     <url>
       <loc>/rtl.html</loc>
     </url>
+    <url>
+      <loc>/search-results.html</loc>
+    </url>
     <url>
       <loc>/snippets.html</loc>
     </url>
@@ -313,6 +320,9 @@
     <url>
       <loc>/tabs.html</loc>
     </url>
+    <url>
+      <loc>/tmp2.html</loc>
+    </url>
     <url>
       <loc>/typography.html</loc>
     </url>
diff --git a/demo/snippets.html b/demo/snippets.html
index d1505f0f4..f8dbe13fe 100644
--- a/demo/snippets.html
+++ b/demo/snippets.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Snippets - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1097,11 +1116,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-25').text("56/100").peity("pie", {
@@ -1109,7 +1128,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1122,7 +1141,7 @@
       		height: 40,
       		stroke: "#5eba00",
       		strokeWidth: 2,
-      		fill: ["#5eba00", "#e9ecef"],
+      		fill: ["#5eba00", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1135,7 +1154,7 @@
       		height: 40,
       		stroke: "#fa4654",
       		strokeWidth: 2,
-      		fill: ["#fa4654", "#e9ecef"],
+      		fill: ["#fa4654", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1148,7 +1167,7 @@
       		height: 40,
       		stroke: "#fab005",
       		strokeWidth: 2,
-      		fill: ["#fab005", "#e9ecef"],
+      		fill: ["#fab005", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1200,7 +1219,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1213,7 +1232,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
@@ -1226,7 +1245,7 @@
       		height: 40,
       		stroke: "#206bc4",
       		strokeWidth: 2,
-      		fill: ["#206bc4", "#e9ecef"],
+      		fill: ["#206bc4", "#f1f3f8"],
       		padding: .2,
       		innerRadius: 17,
       	});
diff --git a/demo/social.html b/demo/social.html
index 203393b52..3891ff613 100644
--- a/demo/social.html
+++ b/demo/social.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Social elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -959,9 +978,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/static/products/product-3.jpg b/demo/static/products/product-3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b90915bb04da6c43544bf5e40a33ea42ae359650
GIT binary patch
literal 31246
zcmeFZcUY6zwm%;1ona6VX$~k1B4DUe0^^7ZN*Nn1Kt@6_h7jp3fJetdOGK0oaipn~
zh(JP1P%%UdWgwCOfkX(!5CSAX2oT^G&%Ni~`<;94oZs`z_}_USeaPPXUF+Rz?Y(we
zpS3soH%0&lPDjH6000MvqktWN|9&>60djT`P<RYL2Czk%Z4CfyjBEy83lG0xX=oT6
zW^mOH>FaL*MIsENuih{O8XPwSSldS5xC({)had9w4}=ASG-sPyG!Mc2K$>o*PRE^Y
zobta0vyTn+zZC0y85#?RTKH+&+8nZuwv0yHK=_AWJrs=y3J$Z325J7Cxux{?muy4L
zLw|oI91hYv`Q@vJ+?{?pbP5^jf5_CpOdkp~Iey68!T@M?+{6@k?2yrMpt<33Q^VtC
z`p1Em$4^)q0T2D>qbdDbs9%8PMY}Wq`7LP*r1_shMMXs!L>U_(Ljw(g78VwU$Bhh)
zjP#{%=!eAwhhL4>4-V7%2M0U<FlZ?3MmP)^eCP|utG>vHaFC|7rvD)V;>Lfm{inM6
zA1^vN{qd^^#1{qpoo!h7MgRY<?>}W6b~)yTzu`syFl0n1)L;6#))(R%mZw7fuZAN-
zFC&pb|Ip%3*O1}JuxrR0hfbaPqO}u;zIVC`g#~}f)cre^lar-Ga9H@&V5q-?9Y|Bk
z#{dTNvotn3WoBdqG(Gj>DRUt3^of%vkDodDqmiiv@JA!NGiJbl(ApuP5eWa_@PE+y
z{Wq=I|4I9$Lm+NQzij6p3XAmjI}?gT9QwQ9mazZ3F2?^SzyGB5`@idA@_*7AN-Jad
zrFs8HbN?et+K0aU{IAX{P5f8)_Yao#`A})+-k1UG`+JuK_`Q}Ik<11Y@C#tumMvSh
zZrQeV>$aWSr2lvC*tTuQ?mfG9?cTL(&o_Ji{(Q4%pX@iX`}WAo@82&kud1S=qN?#<
zkIeS%+xPC-d*GXI4jfdFQ#klv1^<74Y`g}@?b!0emLE3D$N@IV$!wOB*?0#im0G&Y
zRv8(Y{~iRkY}&ka+YXuSJEgf_p8qZZ$ZXoOdFwYafK4)+H*Jy%uyxaxE!(9GHf@&M
zvh}-ff!j`AxEi7<|F`sC_ix`(ZFJE$^r@D@n;&nzGJbgJ6!iAtxt`vzk+&Hpc9#{8
z$VoYGlG!37vwh3v|M-TC+@{Un0Z(rER?6hpYE2{gxxb~q=^6QP|HdF-kMx~Qa+~D<
zwgB#L|D#6#{`qeW{96P6*1*3t@NW(LTLb^rz&|wbQ9Vj#NY?j<f26<G-_1Y87~9<R
zU9!3M$!wXAr@rTNB7AD_CA<uivv+II8D^`>%or<rDP9DePmC@wi_@o%T3f9{s5nMO
z^`vBlHSD==WtE3M6>+P^DnB}sRX8-jl^0#_8WIb{6`bzJRaW_LNYo5P)%sV={ZT&s
zMsE7PrnK{s;`3f!Y|A`>#KSAbG|rmw&qUpx9^B}Hd7^&vuakaL>Oi$G1(k!`Pqxn?
zPK4jTzc7{gDZOGoA(|6CZPt$Jk91$`H3zSvUVzKc)`>#M)ICETLdEnF;}(m*`LX1@
zaAqChj?<fn$?i2{T3ftC7{OOfid`9)(Z2Q;8>Xe{X!_lOS?gsVXkh&(>y+E=Uh%I`
z#BPgvCQV_1I`=N1Qa>n1lg_Q=m7qKuht4OmCkl)MBZo6msq_5cxULO=u}@3*AiD_<
z75QREu^P3Vg1uerx!L`$%g1Le(%LeZY#`lQ$J?(4QWr+(C%z3;iO1@rn<1HDg18`j
zWt7$DD(mPtQvp>DL{raRG*oA+HR>Ghh~HHs2hu5f8jpE4Vqa3X_2>Urs|Tf8mMQ*!
z^Zrz7Gu8R#+vTDyGto}Ndi8kv0<MG7Q0yA0R!-M1At}=ag_AkG#1ptFOonLLHjr4$
zH&d2$cW{jn!==ppnrK1FWc!*We5yDcg*qGM3RRpH7>C_Lyb~~OWRV<;P?i?HF=D12
z$WebE?3tzRnUyW6Cb3*syMYOZpzVl?)54&7K0f}PXI<gvlKH`Tg_LNgrzBZNIGSL-
zTJ~YGI7l_>yD@7p%HjmhaDvTROhI)FX#48euVvSjl1j2yjx5K66Ix>?n(KM0$gQ`b
z4)=Q(-|R1l_Z|pnTwRFe35i8rov4pavl^3mrz=VG`xpoyh^<$%rxOa<nN*0=FX?tI
zDO5STy@8yErl51Qj)-~=ykg-~TxoJEJ*IRM0;Zb%1|PASKa`>Hh!R-SnIQA|PpSN0
z5$liPAM60X&kG^|y%H_y<mf65bw1oywzq3pJY<TCqT*LujAzOTgLB|x*4hj_+<|3>
zqH@Z-GB60A$F;Em!w`*fqI~*Dy|~$b-aOAR%j^VQe1l~)Xo96LU!gz3{%T{~o;UJh
zUS;;pP#mU-MqOo_%$m$34F?R*z%^<%00idgauDrv504U(cn(onQ~7zQIg2DYKO6(u
zD{4Bp3{Ih#QwZoYkKW{|A03R-v$a~ubtURmM4MMNKLiqcCN=<_q|2kiF^oxqCf_Ff
zET#5M?rM8QY!lE0^V<-I(6S1h)VbETEK7EIoiAS*IaFqm8@R}=o2KB3);-z?j1>*)
zA_8&;o0Q-+X@Q-VY*%O;#SiFa*f_@F9`A3a+0*NaJDXbGkoKB0f{8ifOt1}u9x~8B
z=}^oAJo{HF{xjv9PC`v?b$cY;FVOb&)t@S`J}J~N1|ulG%j;3|HtNQhSwaAHpZ%M8
zJ%<8I6gYLbX9|tOM2iS=Z1aaUQSaBy5|l!KK?z_XJ^`+i7Nx>XD`a{skab#)6p0HC
z#%58e!HGpz#uI_INz9H&W=LEbHdACgf*+0iSW>$Im>El9LL$)x(SFegV&(Qn6AkF7
z7?fo8NYi*tcy>FnJHv$XN;43zHBdx{-wnGWNYvXGJQQAOd$(HSS65eXOo<>Wy8X63
zVGfhKJ}~K{6=udSW9eZIi&4rgWwtYZk*dyF*@#E^mwr?F;m;`QU(xEkmJ^C^4JFjZ
z{_Pz$6?LS317IC?Lb&ALsgmNEBODwE?F@+Hsx8rdtq?TlRH#DJz>~pYwi2$YP*il(
zH}Hb`J8ovi=j`8Zxw7WHs*hGINZdiUh$Hi3<c5;xmVPC56+AAwT2y^Dcuuvz!dV_Y
z_S}*YMWAFs5akEgD%(6zW?Qo7{#7;qRQUt<cD0iMuO|{aCU*-_-T1L`C*2mNTO%up
zq?|hlTEpKpjBK`8f#PetE$IQKOXn}_Kl2pSzEX`G$bR5ZA$E+8-5-e0nr&4ty#LX&
z)z&a<CcE}XGSBuk3%Yvm!Hugq3>~#RZ5Fi8qi`iY)4elZNulwD_QlvuPySTB|Co5w
z$?KmOC~DU%UM@pc?XK}mh;KffVi`47NUX1pa)K-33(X2tNfZ#Hct$kJS&ks)H;C^|
zx&RY2XU*xHX#E*x*f@yfmCpiATt7|XDeDc()$uDXnOVW<85Im~l=@JNc(DN*6j(H_
zg2}Q#1cg;uS9?7oyt-Qd;Y9LN(+bK<rQ<#bbPX4svG9FoNQ`M2^7+A(y!-raupRfs
zg(WQ2&Db_({6rqOG{|(ww_*i>9>%ZgZ_%4|=YOK<)>l?+`l^HY?x=0JiPQ_;>(&{i
zIUz6x&7`np2DJe|`ZPq`@X7wU9;-K(ZL!AA1%65zYdCg7BtbhA!1DGP-W#pTjq+^S
zTSk)w#T-lH7gt@DToJ0qXmnx+j|Z%FD>aZ2lS+96eBYa_!yAAzYk^>BVeX1|vlsUJ
z3AUHX^Em51*Vxxb-&i_vrwXo~aY<=zb21ftPJTbDTd4`9(D%;Hx#bj^cU!x95Q2{l
z*zmJFHUI|Ee9R=@MQ?<DVQvumk)|81|J%1e|8XbybER9GZttEz*&0JJ$D&8t4|dNm
zi}D5;mc(eJt4?4sKS1kkP0`)R2yl<Uwo^%V{)C}nSZzg@QzlQlTfb<XHA?KGC!&dJ
zHg&vv7!z)mwO^Y4aekQf%{UJlD6r=mZR&zC>>(`o)t<#s!`sE;w?`+pHnrEWe7hZJ
z1}dkyw#4&MXPJA-@#0|-Xak^8%Z3(&%)I1KJ=QJX5tRLogP&<%R`_!w{xP-w&^HaL
z7xJL>6kc&h9H+v1IUu4E7UD^NJ4ibM?Xg_Dv7FBI%o^PQ>{jg_3CuAIaUca*U1NQ!
zh$vjEe7a^!E2p73*V^Wb(EMve-G`P-cFwqB&Lx0fuO2v|^XcVt72NCHxYsKC=soex
zE@dv8UUcn75#Lc>_$J&vN&&C$6|#pCWkqsuc$Pn$kK^^$R3>I#eLkQUM+RNJV5Pcn
z)9a5V_;aP6?{_PrKj*H0bd108=z5cyUT(ic+cN&r@nswD_5Bmeu8e)b^-*#tW#7a=
z{eX-WyBiF>wz1J=X=^EEYB!u%V<GCE#$RrJ7ms;f+3}bha8$)!1Z~Vvf9>50>Mys+
zzK}oq3XUOM@NHh?5817(7+?9#Hk0LRcrSAlVPi^ZB&+v}4cB+#!g2M`%pUXo3tPYH
zhyZ@STfX<_gLOsY!U5QbJRCM%$d6cxK#?5McmxRZAUhv5K5l3*lIq0<5;##Rm=xGO
z^Y~Y+YRf1|<LOFIxV+%JF_>@-tP^FjZt^pyT%1m137Yc3Rkpc<{1_04v-Rl$p^H*d
zYBERvSl}Dm`uRp6CwY8qrbh>&RKBa+GVYBlE7qs*Ipgz%$D_ECi4ysxS}vHoQd6#%
z)swg>2FqVZ^<SjZ)aP3e85@9$jf~~;omRMemoJr+f}CDGzWX}kr`SK&=zmD9KQ^~D
z<+jH-?8I_X_6EQ-f*~&20KA!xPf8m`xh?#PKqZZPQ}jB+tXNk2<{wT>js-`l++U`t
zM3X%)sh=RV7?`956570NYP)a-;J#Lt?`YZW`Fr~BIwISc5m{=`R%d26Qb_%EG%X=B
z8?$3mBmAQRlv@aO&cdBm-h0=1XfXbV&S1UazbWWZ^U>ZIty&hezz|P$tXtwV``Dhc
zxx%zUbb-3|SXG2of!Zwni&qWZGY1^Whq4?#@4ESi!u_ejt;#a$>i|Y`>)gy7yEMa{
zv0iCQo?mMjR<l-n7<mblQ@h}qxf17V`-VTo$^>>>*3ZrZ-%^ysl}$tRYA-MJF{=+S
zZr)k{4M1*HR?4J^SG>ac=@Q@tt)x79!O^apXxHq@r+OsO=zH(&C(lLmXul;_*VfXG
zQC_g2rcm4lVCOP&CgF$C(9Wh;i04*bxnkbkI4ES{^T%_;zz<JdEw+9|e~FB<3*b!4
zP16m4(Yp<ROPL2b9<-R9B}=gU@cENBN1uJ~NFDe3Mfl7VsgmcMxGzz{o->Zm%4%3~
zwJi%`?pa!pT$l$^gad<<VO^|YW~@tj@dn`5?m~c%c1Slv<Hr;+zY=zBG5$&aiJ|JC
z3+e?nw|A8ex`j>6+=ZzrE#DZQG*tK?aKqzUV}nB|uX+ZM_?Oq+1_V_5jO3G=f2wK!
zn0TxC+?Jr5Z^Kp+`GFJ<V&L#`j%f94%l6os*Peke)3sdD27qR~XN6GiwU+C~*#K;|
zW{lXHo^xxmd8^yf%1e5KKuU6(^1F`r`{<+lFc6pCTW5$UldV@SxUv$<OxE(^Z*~YQ
ztdAab6`IsS`ie~APt9%4Ny{pX6zd~^vw|^ZM_d4LVf9)@Bg5rVF?R~_C^dAa>4VFE
zT<<?qDyy$1qoPxMz&XM8*IVqG7);fxF{zkAaW|q)ewy7+&CFe>a!3PZ-OsY!+SbFP
z8p|)O?y*`!&!W2zj<Bw_6WZlhE%Z#Wy(__ICrRGuVB;KCNCSspKr@{i$FRsT#ZMZ5
z#a!;f?Ln^k&A8;aD0v7oE#Zk@Jx?@2>-l`ef9cB1+edy9><4!0gn0eOjADKmlxj2O
zsh!YvopPOa#K^S)W=T8ZyNLDjG(|j0wm;k(yXn)Pk@=5l<v;BhK%KllsXN@pVvA<a
zyEM7?jZAlNeVT0>?hJs(XANyqT(dR+rQuoK^wGwkjzAo!A+Cs_c#m<TzFe?+bDb(~
z`9OcfX9_Pl&3up9xk|Rt-2g0V{sc425iGb!Rnd8J0vriech~?NDT3V487=JSv0O-6
z-5<yUqHJ0&Uhy0N*O)MR6nQh5*D26-l~DGubz1Ap#PERLt>gY!cI%wW=j%rh?&BA9
zRBtW(u{eLGRK^B?$(6y3g>*UHohZzq7^{n?=ErmBZMF5)Raa|KL#|x4dD9in8(~4m
zu%YsC-{x3&@hYciO5nv)wd(Mkl<i#FZbBXJHiF{3je=@epzv%e1~L(AB(@eUCX3-9
z5)bv$t?Z@ELyu=$qZdB!Jb)ZdQQH7q*G#BNHdD6|ppGA9p9>BgB&+EzhmUhY#z|*W
z>+0|{P#6?5)ak9WT(0*V0-@+@Iv@AB`4y+j-4;bpv^=X3a2v&>q?L<r$~^IuWT=yV
zayT~7zm_qLN-MRrDxsR!5F+=auUcqBhofhtOQ*#0uqssvt$Y%a-L-wSWyD-3)~(4_
zDMN8psY)}G-y-z%HdN9;;LMpEtRoGdn4&6LPde$DJSA&($@Zvt?ZoUgjGv49wy30b
zW3`&kys|n4oftJj<yy<nHg(HU6E?g_-TuKr=$P3OxvYqU{fHCSSXEAQ9YdMA?qf<*
zvOoNp=Kn)lnKSmEcVu#HK3yL|s}GBK+wUM@*-L(D5i4wCtQW#NKMI(5uXEU>qT5TX
z8NN1c)|)^*Mf=FCObzQwkIUi!Lz~UNBaf$r%!&pgMM)cgj^aMnL_(r3(|=%cXgbV}
zX4V}N<e_H+wCu8quil|on6Yr{#e3aWP#%-kI>AXfOCs*~ub(bx7zN35j~g|;Sh`9F
z+1CeJ-{}A+&+90^x8p9M#JHF>)(mq4aEy9%T3qYYRK9{27Y&2J{#vTH*8CK1{-KP2
zrf@U$><@NSwUfB{+UenuPC2Qqo8*XkBQU+AqB0L}Ri#EHjfcnmlCXP8Q(D8A5VdLv
zZC`>)8i(;P&^2t)C~*&|Jn0=a&01FELT1Im&WT3ZtSEPAk8N~?KV~xN<TFQdErAb1
zR_uEB&Z#k+=FY%DE^kT|Eyv)O10@80?W+F4@89z$LdG$HKLn1(&4vF`sV`W{CKVoZ
zPG49ENFN}b9&c%ivAxIc;Gy!ayXgoxXlne+kLLz}=bkzpR{As2{|nj&XFAoSLoAT@
zYB?8v!cZ|=<l?YqC=2zPS{$h#xJfw=maZUCQC2b2(i6C=1#qCqCL*FOp#f@kET*Vc
zUoWvr0}Rf|+L~PzC>fgD07OornkK9xu)I+`)8t+F%$wkqwTR|g%>7PZO}LtGW_HC2
zr>({BiO@u_a4W6TCV+WFi{kuwiSZ)I-KbOGOXU)Md-tY56C`qsXZm(dQO0sKp9*?W
z*#^L{xrHSuXpmYN`)Wf@h0Aon{n|vc;&Usdy0CAn-y6IJ{R>(DMDf;&KDx|yn}ZXS
zjJ+*xM*>>Bv}wk>4fHP6;Zn32#}@E=s+B~iNjulCp;9bI*m|Zl_p4YT(Wul+O4+Nx
z#uh&k28Rz15q5uEPMm=MZJjH2s~^5d9EeV9(;tEz?Dp%XwhRO|b+%{go42A9;i~Z2
z(pv1?59mVi)(Grfl;w(K4<_;wx*nID0e9QG3ME+~=%#ZQ3PzDMhoxJhDXXxHY_A$O
z!&mEGG1;vXP7D<|%v&@Vj`4B4Gz=N9EuL|+<7D>esopw$@+<E5blVTU{?3n!i2s3Z
zQAr5qM4?F*dh;QxlcQ^<SsjxM6-J;!*Yo_y>tj6miojOKT8wio*VeC<{gK%mGvD=o
zJ#a)Y@8dCEpPF77#dPe4iYp!X*vkIN8`@o2t;%N0n(z!{VaOQ9E!-(^`Ngfp=95?A
zfuFJ8Tp$#7u6ri3ihW4TvkpCHpsDT5EPU+QC(594ZJ1&bPyL(6VA~Ol@mhJO#94?a
z0nPv!hu3FZxXkGqn=Ac3N(I)|P_A^DcX8+C!kb_5BwZc+TF%(*+3{u;NC#P{^)^tg
zWf<}sN3_V*W8M}2Fk0yqL4n9N1>kkp_q0e(wKAA0pa$)T0KGZCw0QYqQeIjsB)M5h
zWJtCJ3hK~99yQ>QTPD3G)Y9wR#g0RCesNbdm#5C1l7$~4<i?p>1+fl#!eAngGcH?1
zftVdrd&bwTfjo5elX6rrtn?f?*0ZLpG5*^ws#^JY!bJ;+z5w;exu$^$t(#nWTCKS1
zdL$s^+|vMy&%1B_2@Cocq%JqLCT~I;_84ac=BBUos4c7?UA%`i!0HFV&nGiP#3&0O
zWdqROI;=r<#zJn7cRe2Lbb7j2YCqTRUK@XWWo4+NK8PGTJ3+a-ip`I<J$|wAQaoYV
zqExF*tS{XxglHVhzJI@}`dVpS%GqDuxwyQ%0z_;vwu9^^7rCctYcY2nrmyvYqj_aN
z1*xcz=O`6d8YuyjWe$ZcmrT%QlI`Q`Yh%d9!ND;OL5W=UB1_C$AHNf?r~2Z^=mW@C
zRE$iZN%$6Ucs91;U>iqcn9#R?$|q{u2K1EmFMH)mqN;~WIs$-;Z;H>PpNFY)dHZG|
zK~obG*#iQpFUoN98fC7x`Ho(dk5+^u%`zf2#<mQ(bZU5Pd~ZSB8@Z8UnC<5Rt?6{P
z3rc!Z3ogl+NSbjnd{w@T@lm-;N4u7<Al)W-)e-2A;#-8w4krtrQ^`b<8jEGb!LVCF
ziJ4qQ(gwf*_Ne*dPPtECcacMv`BpHxN5lM{<3dZ3Y4`@<imDBr82WjHq=Z+t5?s`w
z9EsfkD7ev?RZ6)rz9_+4w*q0H`8&^Q7%NCfPq!r~<lvb57{<5EfY(n8ST@I^#6|2m
zPn-JF4m1ZWfu%Lbdj@)A8H|LS=D1^S807~z4>iX2c{q*x_D5h2@D@r`?u~3WRShf<
z7rbNQGdmB2x)jxzpc)w5Y=7^t(yVL|{)4mf+?Gc1=C61x5Q7AqmU>sx#syK+xM)nu
z9x}&8&01e%9iJ9fM8gDK-e<N}*X}-7^0aS7rxg-(;)IC&xTm?p57=d$IfL`$mGD5?
zjVmJyi!6k(Y8F^kVbVu28vD-HD8!pseJ`Xw|H|3`p`#RQ_X21P8U%aC6+tR?{HE?R
zoD<?F5;2ECGPX!i4#y|=T&hG8o$$+x`TO1Rq=~HJ4v1P)IgnEs=)QV2w;{57_j}sI
z5s_+|j^~U>EadU)eEsXGy2&REGJgAt>phu6m|W1I>g(jEaAaStQ{eEC+hFEtJaaa~
z7|5)$z#>q#kA+bT&JBK+v97XjzpyPRq}1zzS+N~g3AbGB@(Kl?%B){%Tuj0@pxq?o
z5Yxc~ea=|*yEbNi|Hv?uZX&4QU`1zeB?bXrnOB9RVNE!&xR>Vg)LKFP?0wxKI^vc<
zO<T)zmGev++7bbKXss`2>-BxVnd@xp!Y%?jP<<A%ulkyAdY|+(#=16C{RgIRUX&k4
zIL2hsN+M><gaei5R@8MbJ5oS0H~z)I`Dcp3RPUeVkbu|owfR=f;9Lq%)FCw>9fuX3
zE%e?XL&>0U_eh*U%eHgfjqzPk<<hM-Fx!Z4VNdaNL`0KZoC<wv6yCi5R60NAOp?Rs
z8xE*HkBDV1^>I3J4v@pcG(uEv^$5byepM|v0wdTOQufQr$%(fCk;B*tGOVnJv&(GX
z(G?Eu<E@z~t57-%U9CwHEC)^4mVXeK5ghBEH;^GL3MiBIIk(tzm8AP+l-d0?{g&3X
zn+(oz548zbA=v8nVmJ!&u_CT$6!V<ZT}E{ki^wMjSfSG}q;dt!_UzfNf&%2j1hbfP
ztgD>nzPbT;!YSk{PDAWPXlWiY2R)duz^SW^z2OyV+-`d+$B1Rb$H!ruxWd`#0+Y4l
zD+Z^N(4_IxA@T=ZT#_|?eIsZ-1<;;D1bnSq3|49Fed=ROQ21lzLPMQk4~)AJ_yZ5q
z2;$ypMM>l*TJX!0Da6WB5P1@jF`R1!U4E)8tn2IJ!Z4TdAAEGTB;Wpu1JGf`P)6@=
zb$MJ74e*BZX31%05>~b_p=Dr*(C^g*(R$`%OvL<qK3Tv!9K6Et@@&q~;PC2o1pH;Y
zx20VN%!ENJgH+<cUbC=H0=G3)LU}trvTP7`yV=oyl#rw6o=q!38he8ldlRz49^Y?%
z*Ht|NN~rtMgt4%R<&YaJS`I9Blr*j4Mr=J(GY5xriasZ8OXy(}vPFCKK1DT{<xMLK
zx^j;D5Q@bpcfKO#w|OE35wbcI$44{b&=HizR>wLlr{a81=BfR+uIM~D`e%&jU(oLN
zvD{?Jd3MZ?IZDmj2ku~KD~l0o5fxoE9*iO3*l3=4>5{A7-BF{ExS)PvK<aYMM0@U1
z1<XBV5aHQYV{Cagt*p)2!1fml^JO>l1YcC$?ZC<Ap(;x!#0Nz6;JijT4EM%Za)G&*
z#T^msNJ>7P=o`?o(3MQ>-=4!o_XkdRek_4DBJ5}Ib-aUTUF?tewzCfiT`k8d9Ag__
z;Pp$I=HdZ$x7dae2$1}@o$kEEH!ScfW@H1PW*p3$o>&FDlsSe;w{`|8-x8WHKFdO%
z{F-CZ7j%T%vtxr#svkZPPfnb@TR_RGpSf5^XL=EsW7%u@bu+m63k8`L;0WhV`t=nZ
z!r{1B*x}RIi^;Vq7yGcg?cS{xtA`Nsf_NSRit+h4ler7kQb#$Z?Aeu=QD}%FJ<#W2
zr_pB(DiWw{)=W@<M_{s=C{kzeQ|Z4QZp><`eNOVpuXut50POc6%J}we&HH!|Ga4nk
z#(1CKMz5P`PmyKapv?YUxB=Jz9KC|po;WTF<^tD)r_MGeeDBa-k?5iU!4NNa>-=z`
zrZ<n+W_Ws`-Coq4oXSv&sVp_6LEN>48D0l;Y#jKN0Xlug)3~bmq$`UWudOASj4rTs
zb=}aJ)`;_;+UxOpP|Di5CE94MUBt8)+U650ga;qF&I`$M>J2Xdxww8Sus`hf`me+`
z{@zSvkL@<Q=}A1PVsOyEQs84+>e*?iUSE4{-vP<V5n+f|+XlcNSR(S6m7Af&>)9@R
zeoHU6^jx{9Jr5JZ-SgnMd$)?LT9>st^YIRpY7QdKu2+9v-zyf?{jrc3yQ&@+%ELvK
zHhNMKExQ`>o3Sbz08;C9p-KxsBMWh!J+n;m51A<F3nlBQTbnhXuH<oL4cD>XCT5k*
zt$`K0->Yt8$l5B78P6^U>lhrfQY#$POOA@3v>xehAU_mbKW(M8685>pK@gL;=+n>&
zd1GmV8E5OpoI;OV92h`Uw^5_o5TaFeNEAA379S_cT2|&ZQ1Vs|5G<k;mP61)c;aOb
z3yaF^R!;$^JYX`EABk$7jX|*NTjZNt9hr#yr86!W$u;=y14ZX}$?UD=!HtgGPr|jP
zh}na)mNt2gkJ}ZfkiK?zVmv(!;_)`??#ZLCzNRw{pojwyu5C?C=WcJe=7~YC=L;j+
zKZLr^vr~tiS<Lp5@^cprhcQPM3meZOtcv=K4QvpiJm?8}<B7%0`0@mAA?9(t6=L3Z
zBr?3+gJgJon!6U17re}8&WIX9yZx>bq>*(DkhOoeB&)NVu?}U7SSR`o<*BWOP1hHY
zBUkyXwj4sU885`46hvq0ELs_P7Sxj2!)sQFBP<i%x8$t4b*f=@Z-Z*I02%2unL{ue
z6F=)mh6ur`Iq)FHY!ab;9kU?d<gY#Mo{wc5K3)1VgX_vJ(ik6Zv27fY5MJ{`M$<L`
z-;r8$Ua@DmYIzbxib@>+6|~HAwAExeCVY*_phJxutk^5y5JZrBl-S(e+-m(y-Ow_!
zOO<srI1*p$zlzgBYYq^MgJKiUBC_`UoV_41PwJ~+i8!{5)xa_boq(S1tL=yh$4eBZ
zjWDm1G8}0^Iyw`1nLKc<w`JZZ7d5Ls<@sHT<wA;Hn6L{Wa^CE(diVN_#hw!!#aUB*
z@M)Yo7XhbLhG)?}F)b+?hub>n%CRr=(6O6d{@%*|!t_?9o1WQQ%U_$$8Z(mz-4N|U
zTO;vY=S#*m%Oy!W5m6aVH=#F5oFUg8(#qL)S=BFsYa%&SJXlTY<56*i$(UI~xdnna
zvSiATO;8PC#$8SB0OJ#|r!ve*Rxb0_pb6Vf$%Q2*YCm>5qd7m{$GfasNMB#pUL*!;
zXEDd_r)eo>R$1{@YM3D9K?j;`NS<`Nmzgs${kUJyOh?@93JvDt$u$$CNQ<i46jx?B
z^Qw28a4_A=LdT~Lo5MKevjO;Mt;vR2L4Yo@?Z`5C;;|588!!BBRCB#~`mKgJLG(lo
ztUYVL|9WvZm?K!Mt8G~!+2Y7Y3bl@mC!9@V28@_*0B(@<@1mMgNx`F~1$Z)cuU1$c
zG32Zy8($yCSBBFJ488ht{NA-C;)+~-D$9`gi5qjO0hF+IT3j=ePheJ=+q4)A;6p%<
zNgfmseKx7eI*MZZ90*&;I+2u<OI=q+n#tkWf;cPYk>j3uFUE**0Z<dv<?KaHT>z0i
zA&6MXb9A4ZECkbaBdz6cbpPP}7q;^MVij|3Yx&uqJexPGec%lH^^aBcW($LPrX-e;
zbYmSmsIAYS$r`{4;HaqbpC-5&{%G?9<|c&iYDlU>0W?)nm!oL~B(BYcN{2S#5uV*O
z&bg#`?j#P=)Dhv_!WeBsmgCci_^4c$-5vgvgzX`Par(7G8vt^UQmL(~6anAP7%k@E
z9BjHJEcVsqHmwfG2B4^&(3z4*LaXSobZ<Ybds^dpm13IW-+E#LP#Kh6?b-ujl5ILY
zUWv+qBTxNW)Kcz^m)}-&=QMY>w5Cv*JT6?Y{BjHr$?~cm4$3k5dAj}f;dQ)4uH!;a
z@L{6yog8XlH)*1Nt=q62iT{`q1HRw-X8HClCbMN*d@Tz|Q`D25t*|rHV>&T90w}?`
z(vg}%li!&{<5#Bm*R|G;>QKcY44b`}y@a6~HvT2+u7ie!H1O4`(SQW+kU`rL@9<hj
zI!YN2<vG~C!W~;?Li4(#MbXP@X=ZWUZVa+*nx{C^?L5d@TSRAoGK>`q2MPjkNU(X3
zIA-40(dJi-)FmCi{b;btCcFRDVt-|ZbimJht>se<%k94N6mA*K1?}FJaxZ0Ighaba
zW*8i!vuWD2m`u%T%!2_wpBa>HV={adN2Q7CPz_ZEI;eHqCA9`_-h#xIi^dHZ3;N+C
za>mux`PFjgbs&7;olv|uQ|TMnqRQ5fsC8)t8moW%u-g{Dt`OA1N&x<Cths$$U0sAT
z{eaNx49UpwZc`(h&1WgJjFLT?{qr*^;Lhqn=wiao9&Nnn&O71qSuJte*pQWXmU3--
zLpy~LU(aGEagIy!O-aEmMtNx+-HRbk@E}nADy*{k>MU;Cs&hRyPbu?!&t~&ctbX2u
z;ouW|w7OMDO9f|m_LU!r7n7R<bUwDw{&4UjRKIM3Th^LT7t5P+F*mg8L>&^Uth*#u
zmolQ7I`gECA?Tpz`~gkPVS&cc#!Jo{08Hy*BXN;KkHqNJk$jdlvIr_v!RiX^JU@&>
zEcd|*e5{&nqpq9{x^%?obZBoxseKAPKIB?o@wwKY&sQvL{o$`{%ir<Z6}(&N=9%^i
z=O<zfPB*rB?e)Cds5ouS%sPRC1at7#CiygD%Xe)KX}%wc5fv2o7#|CG82lb6)aTl~
zp}vKY(7J6t4Dpe?WSUPeF=7#|UR}&^uOq%<yp5M1cW;h<Nn3=u7ZStivEs$TN~5Ag
zV^3(O`UxBuK0SB5A}v7cu&1>t-S%ASy2|Ofv-RJIE(w=%s$K4({O*e&6uuvtDls2#
zX^c_1H{7x0SGD6!W@4PuoAuqh2CJDbo(5acWkP=^(qEcX_q5#9`AIJHwas_SnIr2+
zC9<#<M@BQ4ELJ6y)WXk<bRQq8o2KSz{NlRSw*<j)zq=gmQhC8S_Kc%a@d{juJB#wq
z4CROTVbzCq*gnZ-`^<GB^^YhZK?#uW(Cj5xP?#;zr|z63SjeNUO;Ww?slez=M?s!i
zV2@)RPty1JPJHOYXL)yHH%X%ZQqg|L?AzTQhvZ(pHi3}WwN|sF8$VrpT%=QlTbRq5
zg}5c_a=EJa2jBd-&ujUQa@S0Gd*1#U>v{Uh;w`pXCDcY^HOBP5)VUCq+%5;JSUe3G
z*My%7z^J+<aXDqbtlhV1l6uFr;1kRJ9bC)<CR+*OB#?x!THSZE?<+q4=I3+IzM|U>
z0J!kba+8_;mc62G_4&Ytfw8oZnGlFV(Lij+=3gY7m(*(Z1o@!}i3Tc<Uf=DczjDCy
z^`J>DrPSK<$HR)%-GN$iAT50p%;+6u@3hshAN7EZlzF_U6kF-7#l0!TmF=@A4<Y?L
z8lx7TuUzdpKT;CcWOR1T_!#cqHMqPb#gjRT3137!mMBi`to@qkApk(w^PAkOA2it|
zPvbA{vzNquD)OI9xTNYP4IJT(F2XV!Hvo-CF#6G`huR2qW?^P-TQwj3kajpW;r-Tv
ziQ0UNB8nQvL+bv$kWR7mPr~etIEf{L#0h^ZPB05ppES_eQRR@kiep?Zj?7AzqT*OC
zBg;DrkXeXxQh!ni6Ny(m5-8|;_^bdOant+e@4DDuncQ?z<5<KN$Ct9V69S?Ufyv`M
z9|9$wILQbKV|yng)u<c`JN<lrd!7;|z=6NyY3iP=_2#ryZWLeW#*i-~S-v(zgi1O|
zs=14~Z6q=GP=E9^vENr`SaUpJ1v*xaJmVQ12eW*8<?%<2tS-oGg7eU{_J6pXW1r_*
zEo=bFuRPY9x>EQesb2p#rB7dTlMK-JN8h}cDKpP*>(Y>#rf6ods=-WIx1oYt^*Bk2
zS{b}p5kk;P8K14xSkmS2rSLwXQ=Eb#>WVt8B4R7aYNRyCC*MQIUSx0F?CNrGYNsm3
zKfx!?kumP0ZITwjD9xC{)g2{uE{9G8%H~8_Bg)PpMKq=y$R<E}22+K9R6w!2QtR+W
zIvd@3@>e$E?|5ys&~o2m{c=yBA%&JcN*GFTt{wi=emAkt<No&}wkCYTI+kaHmSeVY
z<QSu@>=ir6n&W7_P`e8D!>He^yZ31f;hi{9#=N4OV5<}CKDDQ6e!u@93tQ*0!l{UV
zR+%zalfTZKs8V^5!%v>1D2LBYH%rQSQm}7~8x(9`%N_X)dn{d^Y>Lo%qIdImb^9xm
zn@}>cCNQHNwB8<@=i4>bE#@?sl5r}Z=Q9*DYf%k5cqRurA$4uJR>Z)BGs{GHj1&+I
zg(Q}gp1ajGmEhy3Ox)jmnn?e=CsUVCJ?K)eJnaeIN9wjOw|3&+vvIt_6$)LDD~*(o
zDQdX!;ET<K%=)TxIvzv(>OtwETA`N>zmN%0<sRSJKk5E;f!~Ma2;c08x{2C6Z`>L=
z8_n{m<JP|kQr7=GOGZc$w1e(Mx<w1&Rj3rbNr<_R@ss@2t9$c8Q!xY)yAoiEK}BpS
zz`M8KR&*JxfUC3Z&Gy+W;?=BUuO01pH#!zUv!^;^$qwhvUQXB~+yKN2&4=|7p&_d&
zocmby4y;<@&`Vq~{fhi?@RP%rzp9BIo5VS6(R*zZCg!(FH;2M~UQ!!9A^F&;(Tcpq
zo^i@NF`I}PpT%h`>ETwMTb}!|DE5ki9lRn|+a!A{$$WiJwiMg4{V)Y`S-jbn>=U5f
z7=5%#2sFW~vXXr?S-kK^MSST#cLp*(Z+%Z8E_|5JIikftnQZ{Lji+%feWe#)+8_D&
zRYm;%3#!A%@;%VzDo6Lj4eKnGXu5e^Q1&RO#)HN`cXoG77Cas=B=(e4`{hS5mKvQ~
z&Rh0XI8t2G`F@Hb+WxUnT2F2|0#vsRf^Hwk)q-d!e0UYN;*7{V_bwtkN7~rGs31RW
z0IXD_@}s@SnD{KJmj}qZfiup8lwMUbXv*%TsXvE3mdJmUhaLKg;0%Dwc+r#ZCen`W
zR#!?A-A+q9D3;}ukQ4aFWe7y(K=qkIV8%+F6s7+>X&7Y_VwQ3msjhUNK<|~qJvH50
z&{?J!Pl~rTWZLjH>)wqsKKm;6z41b?I6lPY&K0!0sc2xLHYYU?RWo37(9tFSKoMSS
zb0#0Vn<6xs8|DkfR}k(w!CE@Wv9}O9PYnLbf#>(UzTMHl<8A@JwwRm;ww|^~uzg&a
zpvKxsdB`RvOUEBXKeOplO+L^0JziHpj=S`k;l8H#ZMyBnr>uF^u|byBqSP%GP;k<G
z8zd)1(R~8|@=fS^VYV0TEKyj}tg!1+ckZzjKT2sUi0ut$Or5iAnLCxWJ~F08(gQbX
zx9W@Ld3;7=i+|Qd(j9c{3+>T@pOv2czK(xodTajT=P#oXMX-9eU;~hzu;|Ilz;uJV
z=cN0L_?kV_)$gr_;+v-H7W|6+l0@&gy1OuPeZ_9YjxZbf-h>Ai+8o#D{biKBe3v5f
znK$HdaX_Qk<<`;3Bc;}>D3(IWYCwEun(aB+rUbA>nz=PjJ}!}(+>{!@kn~IEE5A3p
zR*6T79p41sOb2{LoG?HN29*NU4#SN080Ly!2w5KE(abX~F-*To=+aYD9CN4rNaAq>
z|6a^_$H)$!kdBq7JtK=XFX-lPrAzwWpA|(l1MdSVpF8c_A@Qh_Iio^He_HDWkA3I&
zj}467$0X|wOOeNW*>f%hY4-}m`SS>1aODyzW3{22snPi~M(Wq5op+2aDZO~Z{afDG
zx6}Yk@=0j1kLlbTwpbM`CckE;%%26;REDR<;4=0kOm}xwVeP8NaeH^s<bl`Lz;>QG
z1Hf{}M}nIkouE7-K5<80q$enI+uxy4iOJ<ZV=zjPpN=g@MP&FlP*7o|PK5}V<Z`V~
zYDMId8j(Wci1MZ{Re|WLG3B-t_skrZR?tbauL@@X0KVPPbbrhF*A~=yy|-<K#}P3{
z86#}OD4sCODI8eUK0q8q$5l99dW8z{?4JO6*YuS7Q10u`J~tbLxEz#(tUqv~WRSAw
z&)yl;7ahf`J?5e07-cuLpxBIdKg<rI-a{>hDfd_(8ZS9GUX(7e;fx}NGoWz3;Y=~l
zWjx#cF_9x(?Dm&EF?jt~n&j_!?N;WDe3?kymhX&^R>wN5rWjs%d*9i0zsP~&6NZ%s
zpbyP2FUJinV0TB3VMOh_UOg*!o*JxKzefA~Af}D&o$s0mR;YAX(RrG7JGp%>k~gzC
zQNu8d&^aOnvK!E*n-k{)%AX|aH@8IY11HrH4=lNt^D(zp;(t0RnmTWvcPsX5pQdHn
zC~r}Hus5-5$T5_4VO+dsibvE<Y6yC*%0+K4o`}kC6)yEx0*eRfWaQ$RYEi2kT*F4c
zsK2lp*SkB;A{S|XB3|h})m^l5GM8f%IYwiQJktrSuZ%C5Fv+Qia%1~ECEXJ%bhc5t
zt;0KOTZxr;I%b_8S1#$hi$a&8Gk{ZwZ$+XlFTN%`0I)qP?dNYoDIQys?&ra56uCCs
z&--*FZX^2S7)<8i>9_=bA%i@V66Ln+KWUTPi?Hktk9M@9G=hKBY2|ON$Pg~?#k<du
z>L=pY0Ur>!fm~Aiw%8t}*5bvPG;L7EsP4G)Decx6{Lsa4YIQf*HG;RMM}C@+eHR&O
z6^3Y_G%`nqeWhWoK$^Zb2pFA&kgfusY4@J|>GwVEFHCQyMsL!Np4!2<8Rj-|{&uQO
zAcd5i=<<L`r(^8~v0F9(x7DxAS=vcnyj!m`Eg>!z96WtN?Ib+Wqo9Ii3sxob7QV-x
zCpQ^Fc1y=7_QBg%2UvvGgDyocj+)UET#jVctPuF^a?@+zBLzE$87;p^Duj@G64&$K
zCIdQt&>tJDoJ$dYepyM~zj((^5?1jw19JdUh*hDC{Nc@GiP<ELS)Yr8LWMMBO{Yoi
z`iwhQ^v?JdMJHHSxD=O~(2$zGUX>wAH;j08N5PXQ=DQ3gC5f)fp5QG7JqJff58XX&
z@1A@al4Dw$ySR{C9;IOzL!jCyN<&<xYr|Ks9<|gGj!-2m<IK@YPzXewry6IdmPO+}
zS0qs#VDc})p0^}_VKe@3R&}|Sn-o4BWQ=Z?Ut_fAlRjuQ9sY#(y09u<|9)+!>xtVr
z<P%F`{^yoRy@YJ1^WT`FUnH0Fwh|wSW};3I<(UtwX9e5fDWn_|to`%+679&EYirkG
zv8&p|#2+um+s<vzODii7)t831z8`HTWG}#h^SbLF3;JjgT+7%zyH4WYjz0Oy3kL3?
zdk-z&YYjdo)z-qn@8~_#*}tit6c@CDQzm2di`~u#Et%z>ouO|4){Nf4TQ9Wm!g=!a
zgZ^XDw}!f@W5@lnxexWxY?qrxdFLYoG110Z=xJklHGQ=fyIW@;#(3oi>bzvR4nm-X
zS=cp|ciqBQG`wzR4&3o$0W7nw-C>bj<T`NfjdUXYx(;l0PZ@dr*juI?hwZ=wsMwM(
zVa9(vlii@I&_1096Y^KSOBsgjrc`_?ZK-shCXk3n&XUNdD;GQ?dmgq_Cii4aZ979q
z%5L`%Bjm0vxm;1^S2p429=Q*?d|*#fK)SFh`z05Lb5&%C$#~f#p^j{0EiXg;0COD6
zY6W3Gy{yFT=N^}ykA2mkxi7Yv`y}b1jDX#dC}$yQq6ov&5OvfbCG3^ZwrWwI6gqRs
z-~^>%h?C7#n#H{`)R4T_?-=ye40OkxTeaj_9t9Dh+Ey16JLNUpRdz2;hd7FRwKLXp
zdd{@AL7FtKA1xSa(--YYUm-BmN)zf=FQOkx8bdb#(b9dm4ta2p2`kJ?4Uw)0rKeG*
zejjmFy`FZ{#?q6r|7~1<UC!3#^xx!+elV4N*QK?JOOJ`KaBI=FhS(}3#_eAUU&#oj
zsyb1jsa|&itc`j<GMFCpZxwdgCzpdRUwBE+A-GHLPH1-*f!}?>+mV@E1--1|uHFGX
zdWfSRjzqM>RV4T{JY&Xu$aAPgRh>toeA?@v6SM^noyca(i-r0|IfMu2Fn^sm|Af<i
zmgOdGcfl5~`sbMhax^^$Zc-bke{l2N7P%Ao`EEcW(~}r!^}Gt(1nx{6d`qv1zF%0V
zem8v_buw6|CY@{<-U+@K$m9S%1o4@<q+dNMYO5UO<+(|igeN&-WCuHCBD!-jGK;em
zo|?O&3+5unUdb`lddy}jcwpG|?pLw3Ne2Q)Z#v>`e$^9uDF7_&2Te#ZZ)&@Kg0FZN
zUozf6_2j0cw|WU|2Be#{x|o4Jh(htw&lGq90ZE=kW6u2&{iLpiUjIDT7QC02`1G*y
z(LqhY_4NuaaA9#<A~JXyXoC|dY{#r;={2;Dc=c6zzKdQEBQ!=Ip?ih0`fJQ~l-W9B
z_~Ghx4%N0L<r9H<B?+u;F(vgfaRC+oq%r=otgWfP?eI9Hp(y!qLwfvicXatW1B{rB
zC!Lp0bA1eMxhXW0Z%@e!N$GLSr8EjEj_RUs&TF4&zq?RK?6G~KWM-kGP2D;Xk&SL&
zVmvY1XSCM;6jTVPCNZ|_)(l0Tt~`OTp^D?5yILj+7pd`+AL3YMG{LkvXc6}!r>JSI
z2YQi&lTM@|E<b$LYcFKr$HKQ9d$8AB0KT`*8&d~wack1vb!KvZT!>5fT9WGtTn0tB
z{5^ID6%Ac;pM>-rqyF}+#XtaN;sbz*R3HPd9iD_OxxkM<_dSQCJj9n+8L}Y}BWI$L
zTF7Njq3%nYCarEU`hEJ=VqvjyJkWbwwKNp!eOb<IZC;|w<3X1omr^n5#Hx0?6&hV+
zpCeuD&;4bs_)i$^LaNE^){lL!8Em#Nbd`#4Kgj7m4{iQpv3DekZIIOQuusjfc=S|1
ze<sDr_EeYNRw)cFPT#aPoKCcKNsY@r`?yzU;o4J{#WJb@<RRz`Uz=LI=^tsv?^XxJ
zZZ^$L&)S!HKf5+!N%NKM9o0@T1{h*h4z}-~mELJZS!)8nir4@+(cbe73g*jxS;Umo
zN~c(vuNk!u0K^<h$t9jtT+@O4WN~(0_VpU0%j=$hIHiT+-DW|PNaG?WimS(=V+yqp
zb!%*$eGUd$Hg)-mJ39CKI%3MDu>f>N%3(*x1x8ab<)^?C&gPjD=Gdr_6KiapdTC&4
zO5km6kEBIUUn}^+2e6VXE+$SW5NCbxrDVk4gTK967cs-~%g-q)Tg$gx6gg!#UG+n-
zJS2_FF89V8_Mp0!qB>^;jD68>4kFC(sntMSfCc`1<X~e&4K^Vz|7=xr45o(9SA3J)
zQ*763k}M9#oWeQP9Es)wFWoRn0)F}@&HR^T$sDSdt~3?xx4&;ulicZw$yjxr{AHkR
zHU@3<bEg9lXy;Z^4x+F4#PLmeo^;P;+3m}r^Ic1Eq<&<~KEsrDieGWCE-J@dsWNK+
za{WXd#b+QXEtbcTRhgb*2wa!nuDhaYF!&)x_LAgrQRU0&<D7xs_yWdqR=}$HXZ9SO
z>+;(0?GQ>^idq=BQ7>W^%rMQ^8iq~O3>(hA^S!<~u%L{RfXv?E?~<kwkDD*;#lH8V
zPi_DNs){zJ6!7_YQ00wK6@8+f@lqP8J`}QIyDdk%K)`r=DcAvd?juc&6Y{2hc$}hG
zDx2joM}os_7Z_I<hM;1q&x9Eb(*cHHVa-B!qY=D)VW-X()Q5}JQw0J3<IPix^o7qk
zZEQ7sL~5A4V`MIa(CTuahspDrnj0_hI40jWGyj$6UI18n0)A-hCUn`$I0G6}>ATcw
zYxKA<m&-Z0T4=p8>B&|jU#F9?vN@4)FGN>6sffy#)N4s3y)~MbIIgHPC%mpH@GZPY
zI2(n$3s>Ar_vFR*P1G<}B9hN!@L@((X3b{GsZ9-(;9+f>`Iz>Dlo>~^=-By8`MLR-
zd}mGv3o?pRAr>+o<5&F&Z$LG5OyLQRd3*bLG6Ib?Gdv-QD{3ubjAys0h`N|Vk9!k*
zb}XK0KrSwndsgEQV9gLhUz|oGS!pO(x0!t2?wu$7O=euEYaM3CLPt%z5_&w$-!yeq
z8u;U0057|nZW$gIOK67XMpk6*<n5y*dwo^>0pLr7_K)4(hviDEjhVLP!5K3Tu3NXM
z_D9C0X11FXR30`}c-pzbg_R{Z56t`-UF@%dWm9rByQIT!op)~nZbk|UQ~TJC$|XM?
z_Vv}W=gGe~eU912*xOQuP6w`<(%D|Ej&v1Me3R`vK6)Y}PkpJw+Q-M{IAs4BwiFAr
zHkzXY3P37XbK0Ym9Z^>nr1xhcK9kcMgGheN^N@4hPt%JdL?7BBr;{euuw6omj+ZCn
z7=j<mssYA_NaFQ5>e~;m9pe%%d*2;xARI7PSaYK9@&Q2<G<%+|FcwXzw&(TkN^d5z
z$k6+mL2}Z;=&;;8t@O#A=xsXbZ<5XXg?>4y9=wtXYt2Mg8lP(*3wQKtJQ2ygt3%D4
z<>)!~^He%BgI4#B*9xcvQbEsDN^f87weh}LxK(mEBA3x3heKeuw=LhT7R10a2SSyt
zO;_t?m%KadR!FWfwX3;w&I>5WrgEZg8T=ggRHv*lmeS9--W{EVRR|ktzsoMq%%ofs
z`IyA|bRVFhh%lV&yQp>2uCBp#i8)?Z>iEi1XzP&%r&Z<_7}_k+LP{@vRn$2EuqpL1
z{qQ%T42K6&W4;vsxKs=5Tk8X2DXyxkw_)}5Xz0;8VhJBV?>xJ;QbQ+qki+8hKCgCB
zSFE045CYGv6%C{Cs?s=B$~|d>gwOr?N2539Q94K7j^EEm71GRlhgoU^x<H2&{ipAU
zmd}JPdRdQz_qMkOB&BtE7ak3cYfeaz{XDUb3jNsduoRfhgj>>&a7RYs>h?qzAyp(-
z(zK8y>UAly#CfP%15T+6k4lxeP~>^NkSlFDE`YCi1C6x%e7S^1$y7$MFDa+8k>0}u
zPCtP81eS=vj;I1(WP@;GDzE>3T0o>|9X&<j{oG!$iq*)1pxI#raCU!qg^zEBBAIjk
z?45ED{2DgM`NeZ^P{w(BA2zv0{@@Dd#fQf!!n6cl!@Sa7Tq{MGHH3gqF+)wNrm%K?
zbtA;U#FlyJx~=v&fe?9=s1sN?U+%%8Agw;|C0Yi1NfTO3fp6{FgE?js1KexW1Sh{7
zB~(3FK}A_o42EffZhOR63@iLH)9?0xS8UQgw^@#g5J)63NS|qyTrjc$SEXI!ZIkQS
zrGa#A2*1JJgWL}GmBtquF}?CpO#g?hq-FUMo8~Z&PzuriWd~0Ko}m0J7J{6NCwYgH
zI|NzGj<d@I)dZJ32dt0uD(WfkxHUn_`Ub#^_6lFuLxfwW-<p7#%sbQ9<?8zb$vA=n
zFW%-k^kD?txxHy;(!eOz4z6*zNo){~+2_#rkPK3<_^RH+FC7Jdd3f`0EllV5D#r_Q
zYz=h~%Bs9?l3GRuAEX6&)uF7g850NIAf<OdQu%>4gQQB9G(vp?F!gh-%L+tK(e3|h
z=lq|NKH~sxTidNx-dW4bZ@9~{?aGYsTYlqqE7KHRxib+?ml)(Jx*|vf@vhxcOW~4K
zRFoB^HNPtgLfAP5<{`RdK?q2xpn{s1q6pYNyX{|Kcf0fX{du1E^Ljte-TVE#zg$6I
zQ>RouB-R9KE%uB6H)YvOpEVFXeJ~Uffz+W>;n!Z(d!?w~$jG>G85(6Q9IdM0OQ5Vl
z$P2R<5P=m*YxW9N<^)QeD6*$D%+3VDmWzj=Xt{4rkHSHVPG6|@m|G`y{H-@9j)1Hu
ze(6CCs6X~bj3Qv8K25MmiBLTmc;qxS`rb5guys}h8eue<*#?^@3UkR_Ro<iv*|X8L
z6e8DhH5dCk5kO}Ppr?}U$js`c7rB1)x9j$sA6zu*E8;lX!RL8ALzK|GTb30DRI%%L
zlh9&F8y7*oISjQnbOBR?;tP8)1p-67y**q&`{2^S8>DBfi7^X32n&kFpBxu<)v<ai
z3rSiKcM(&=r|i1%tny1I@&K0J0s95WL<4K8{K3hQF+E%^o~?|Vzgj@@#2_6YCL*(w
ze8QUq8%PYHw}sjJ#CQDhj6wP)55E}z_AF!tD@L&0gse8Uq-VeH8KVX*jyw?kjz;WW
zuAr_5p-Pvnh%)QOswJBUhi63&#SZHoYsD*Q-RcO!4yq>*=WW%5l%?`MN4vBLUq;##
z{)$WNf`0sTitgNFyX?FrIe#n4<dca?8;d{J{ms+sUo?g?Rfb*xfdr^VzqB^*7Rsva
zmO<v^M+v9b2a-;(e6)OQ13b6LKl7!zxGpMr*KT1++VvVvL7t_TGq#1E&_2(LXbG;;
zT!ffw%}E)xcUD<V9Z7qD><{Wx6UIjvF85V=MmaK$zu(AO-r!H}I_cz7esovT`I+*`
z$*muzmaj+bQRnK+z+e9<wFS>$!u`|<_x9;6oDr$=ZtnN#K#fMU+!eW5G?k;`0dH17
zC7mJ-d}Tvk7_TRm+M0;-D-cUs@ydH8km%7IQ`<VK@V^GbNP^2YIr$>5o0(xSN@BIy
zidW9{K3FsoQMEN<z#Ki}Tyqov7<(Le)-#W>`w=m{ob0QX^YD8uirNsQ0o%q#dTsQP
zLmUmG2TNrc4rE$-6mFjtVZy6jwS*Dru>(vV<Z_vVj8oe$n9t39?m>xwj+72J1ExCI
z{@tqL*?OsW%ITq8-t3S!thjO9vPSNby}kb^0(7j?i47F~xfRKUCYOrBpWMc<D@Dq8
zsX1B}7F^wBVir**Oc{@d7tIE8a|zc~`y)G><sK{U7lpr(9T=u!B-wdgt33UUl%(=T
zDY<|7(Zur@;mb|Ls|rED!XX`b^32BB*;Of9@h%-HWcyu0i3v`=hAu9jwBFxI8b6vg
z_A~!HoDr;TSNo6Q`ln~Nya`No&N&!Z-+)cR=Ud|Si_Ma^>ULEvnm~lMxGyh_7u5~L
zrOMJL<lLeG+C(oFYAn04sWnOIoP?IPseX{tW#0jQa(rgU_$h?`8a+n#u)I&zT;>2C
zO=^1rp&|gzFu79ld~4v^`JrKI`H4Kr>rkM)=xcRls2f+K3qZe&W!dl@h(vxiWX@={
zE#i4ACM6t=@b$`-mmHpLTpW`LaT8IHI3OnYdvr;g4W}QL>YB5Rq6Y?NW>5Xgjq#^@
z2lcQgjZsjC(of@q6!kA!#cOq9T;_5G%JMKgIzu3$Bwt-vvxZ;h<of5|&d*o&3fe%b
z(pPFze2{TgKO}vK{8nplx*h<3V01RS1b2G_rwF8Ofx)2Yvi09m&kjIP5k3te7R?oH
z8ehisFdRM7B!?*bj-@xcxq)^v5ErZd1KGB>*e0+|V4J`;fo%fY1pa3Pc6?C%1r>*6
A=>Px#

literal 0
HcmV?d00001

diff --git a/demo/store.html b/demo/store.html
index cffd5893a..9ce1fc383 100644
--- a/demo/store.html
+++ b/demo/store.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Store - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -465,15 +484,12 @@
                     <div class="card">
                       <div class="card-body">
                         <div class="mb-4 text-center">
-                          <img src="./img/products/apple-iphone7-special.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
-                        </div>
-                        <h4 class="card-title"><a href="#">Apple iPhone 7 Plus 256GB Red Special Edition</a></h4>
-                        <div class="text-muted">
-                          Apple
+                          <img src="./img/products/product-1.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
                         </div>
+                        <h4 class="card-title"><a href="#">Container for a Fanta</a></h4>
                         <div class="mt-5 d-flex align-items-center">
                           <div class="h3 mb-0">
-                            <strong>$499</strong>
+                            <strong></strong>
                           </div>
                           <div class="ml-auto">
                             <a href="#" class="btn btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
@@ -487,15 +503,12 @@
                     <div class="card">
                       <div class="card-body">
                         <div class="mb-4 text-center">
-                          <img src="./img/products/gopro-hero.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
-                        </div>
-                        <h4 class="card-title"><a href="#">GoPro HERO6 Black</a></h4>
-                        <div class="text-muted">
-                          GoPro
+                          <img src="./img/products/product-4.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
                         </div>
+                        <h4 class="card-title"><a href="#">Binoculars</a></h4>
                         <div class="mt-5 d-flex align-items-center">
                           <div class="h3 mb-0">
-                            <strong>$599</strong>
+                            <strong></strong>
                           </div>
                           <div class="ml-auto">
                             <a href="#" class="btn btn-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
@@ -511,106 +524,152 @@
                 <div class="card">
                   <table class="table card-table table-vcenter">
                     <tr>
-                      <td><img src="./img/products/apple-iphone7-special.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-1.jpg" alt="" class="h-16"></td>
                       <td>
-                        Apple iPhone 7 Plus 256GB Red Special Edition
+                        Container for a Fanta
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">86 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">24 offers</td>
                       <td class="text-right">
-                        <strong>$499</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/apple-macbook-pro.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-2.jpg" alt="" class="h-16"></td>
                       <td>
-                        Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
+                        Strange sunglasses
                         <span class="badge badge-secondary-lt">New</span>
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">54 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">24 offers</td>
                       <td class="text-right">
-                        <strong>$1499</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/apple-iphone7.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-3.jpg" alt="" class="h-16"></td>
                       <td>
-                        Apple iPhone 7 32GB Jet Black
+                        Pen Pineapple Apple Pen
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">62 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">7 offers</td>
                       <td class="text-right">
-                        <strong>$499</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/gopro-hero.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-4.jpg" alt="" class="h-16"></td>
                       <td>
-                        GoPro HERO6 Black
+                        Binoculars
                         <span class="badge badge-secondary-lt">New</span>
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">11 offers</td>
                       <td class="text-right">
-                        <strong>$599</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/msi.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-5.jpg" alt="" class="h-16"></td>
                       <td>
-                        MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
+                        Magical notebook
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">95 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 offers</td>
                       <td class="text-right">
-                        <strong>$1599</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/xiaomi-mi.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-6.jpg" alt="" class="h-16"></td>
                       <td>
-                        Xiaomi Mi A1 64GB Black
+                        Dragonfly eyes
                         <span class="badge badge-secondary-lt">New</span>
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">98 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">23 offers</td>
                       <td class="text-right">
-                        <strong>$269</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/huawei-mate.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-7.jpg" alt="" class="h-16"></td>
                       <td>
-                        Huawei Mate 10 Pro Dual SIM Gray
+                        Fireman's pipe
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">23 offers</td>
                       <td class="text-right">
-                        <strong>$999</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/sony-kd.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-8.jpg" alt="" class="h-16"></td>
                       <td>
-                        Sony KD-49XE7005
+                        Garden shears
                         <span class="badge badge-secondary-lt">New</span>
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">82 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 offers</td>
                       <td class="text-right">
-                        <strong>$799</strong>
+                        <strong></strong>
                       </td>
                     </tr>
                     <tr>
-                      <td><img src="./img/products/samsung-galaxy.jpg" alt="" class="h-16"></td>
+                      <td><img src="./img/products/product-9.jpg" alt="" class="h-16"></td>
                       <td>
-                        Samsung Galaxy A5 A520F 2017 LTE Black Sky
+                        Ironman wallet
                       </td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 reviews</td>
                       <td class="text-right text-muted d-none d-md-table-cell text-nowrap">16 offers</td>
                       <td class="text-right">
-                        <strong>$399</strong>
+                        <strong></strong>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><img src="./img/products/product-10.jpg" alt="" class="h-16"></td>
+                      <td>
+                        Blue notebook
+                        <span class="badge badge-secondary-lt">New</span>
+                      </td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">6 reviews</td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">22 offers</td>
+                      <td class="text-right">
+                        <strong></strong>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><img src="./img/products/product-11.jpg" alt="" class="h-16"></td>
+                      <td>
+                        Morning alarm clock
+                      </td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 reviews</td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 offers</td>
+                      <td class="text-right">
+                        <strong></strong>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><img src="./img/products/product-12.jpg" alt="" class="h-16"></td>
+                      <td>
+                        Spy camera
+                        <span class="badge badge-secondary-lt">New</span>
+                      </td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">36 reviews</td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 offers</td>
+                      <td class="text-right">
+                        <strong></strong>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><img src="./img/products/product-13.jpg" alt="" class="h-16"></td>
+                      <td>
+                        Housefly
+                      </td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">75 reviews</td>
+                      <td class="text-right text-muted d-none d-md-table-cell text-nowrap">6 offers</td>
+                      <td class="text-right">
+                        <strong></strong>
                       </td>
                     </tr>
                   </table>
@@ -622,9 +681,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tabs.html b/demo/tabs.html
index ce1223acb..514e70344 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -774,9 +793,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tmp2.html b/demo/tmp2.html
index e69de29bb..71137e593 100644
--- a/demo/tmp2.html
+++ b/demo/tmp2.html
@@ -0,0 +1,523 @@
+<!doctype html>
+<!--
+* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
+* @version v1.0.0-alpha
+* @link https://github.com/tabler/tabler
+* Copyright 2018-2019 The Tabler Authors
+* Copyright 2018-2019 codecalm.net Paweł Kuna
+* Licensed under MIT (https://tabler.io/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"/>
+    <meta http-equiv="Content-Language" content="en"/>
+    <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"/>
+    <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <!-- Libs CSS -->
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Core -->
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <!-- Tabler Plugins -->
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+  </head>
+  <body class="antialiased">
+    <div class="wrapper">
+      <div class="content">
+        <header class="topnav">
+          <div class="container">
+            <div class="navbar navbar-expand-lg navbar-light">
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
+              <ul class="nav navbar-menu align-items-center ml-auto">
+                <li class="nav-item d-none d-lg-flex mr-3">
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a href="#" data-toggle="dropdown"
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
+                    <span class="ml-2 d-none d-lg-block lh-1">
+                      Leesa Beaty
+                      <span class="text-muted d-block mt-1 text-h6">Administrator</span>
+                    </span>
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
+                      Profile
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+                      Settings
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
+                      Inbox
+                      <span class="badge bg-primary ml-auto">6</span>
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+                      Message
+                    </a>
+                    <div class="dropdown-divider"></div>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
+                      Need help?
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
+                      Sign out
+                    </a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
+        <div class="content-page">
+          <main class="container my-4 flex-fill">
+            <!-- Page title -->
+            <div class="page-title-box">
+              <div class="row align-items-center">
+                <div class="col-auto">
+                  <h2 class="page-title">
+                    Search results
+                  </h2>
+                </div>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-4">
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">
+                      Configuration
+                    </h3>
+                    <div class="card-actions">
+                      <a href="#">
+                        Edit configuration<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon ml-1"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
+                      </a>
+                    </div>
+                  </div>
+                  <div class="card-body">
+                    <dl class="row">
+                      <dt class="col-5">Date:</dt>
+                      <dd class="col-7">2020-01-05 16:42:29 UTC</dd>
+                      <dt class="col-5">Account:</dt>
+                      <dd class="col-7">tabler</dd>
+                      <dt class="col-5">Location:</dt>
+                      <dd class="col-7"><span class="flag flag-pl"></span>
+                        Poland</dd>
+                      <dt class="col-5">IP Address:</dt>
+                      <dd class="col-7">46.113.11.3</dd>
+                      <dt class="col-5">Operating system:</dt>
+                      <dd class="col-7">OS X 10.15.2 64-bit</dd>
+                      <dt class="col-5">Browser:</dt>
+                      <dd class="col-7">Chrome</dd>
+                    </dl>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+    </div>
+    <!-- Libs JS -->
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <!-- Tabler Core -->
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/demo/typography.html b/demo/typography.html
index 9b5c869dc..e578adeb3 100644
--- a/demo/typography.html
+++ b/demo/typography.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Typography - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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="./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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -726,9 +745,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/users.html b/demo/users.html
index f7acdc292..ea7285641 100644
--- a/demo/users.html
+++ b/demo/users.html
@@ -25,388 +25,41 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Users list - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
+    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
-      <aside class="sidebar sidebar-dark">
-        <!-- Sidebar logo -->
-        <a href="." class="sidebar-brand">
-          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
-          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
-        </a>
-        <div class="sidebar-content">
-          <div>
-            <!-- Sidebar menu -->
-            <ul class="sidebar-nav">
-              <li class="sidebar-nav-title">Navigation</li>
-              <li class="sidebar-nav-item">
-                <a href="./index.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
-                  <span class="nav-text">Dashboard</span>
-                  <span class="badge bg-blue"></span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./form-elements.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
-                  <span class="nav-text">Form elements</span>
-                  <span class="badge bg-red">New</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
-                  <span class="nav-text">Error pages</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
-                  <li class="sidebar-nav-item">
-                    <a  href="./400.html" class="sidebar-nav-link" >
-                      <span>400 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./401.html" class="sidebar-nav-link" >
-                      <span>401 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./403.html" class="sidebar-nav-link" >
-                      <span>403 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./404.html" class="sidebar-nav-link" >
-                      <span>404 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./500.html" class="sidebar-nav-link" >
-                      <span>500 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./503.html" class="sidebar-nav-link" >
-                      <span>503 page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./maintenance.html" class="sidebar-nav-link" >
-                      <span>Maintenance page</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base" aria-expanded="true">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
-                  <span class="nav-text">Base</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse show" id="sidebar-menu-base">
-                  <li class="sidebar-nav-item">
-                    <a  href="./blank.html" class="sidebar-nav-link" >
-                      <span>Starter page</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./datatables.html" class="sidebar-nav-link" >
-                      <span>Data Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./calendar.html" class="sidebar-nav-link" >
-                      <span>Calendar</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./users.html" class="sidebar-nav-link active" >
-                      <span>Users</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./gallery.html" class="sidebar-nav-link" >
-                      <span>Gallery</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./profile.html" class="sidebar-nav-link" >
-                      <span>Profile</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./music.html" class="sidebar-nav-link" >
-                      <span>Music</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./charts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
-                  <span class="nav-text">Charts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-                  <span class="nav-text">A</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
-                  <li class="sidebar-nav-item">
-                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
-                      <span>B</span>
-                      <span class="sidebar-nav-arrow"></span>
-                    </a>
-                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
-                      <li class="sidebar-nav-item">
-                        <a href="./tmp.html" class="sidebar-nav-link">
-                          <span>C</span>
-                        </a>
-                      </li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a href="./layouts.html" class="sidebar-nav-link" >
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
-                  <span class="nav-text">Layouts</span>
-                </a>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
-                  <span class="nav-text">Extra</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
-                  <li class="sidebar-nav-item">
-                    <a  href="./invoice.html" class="sidebar-nav-link" >
-                      <span>Invoice</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./blog.html" class="sidebar-nav-link" >
-                      <span>Blog cards</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-              <li class="sidebar-nav-item">
-                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
-                  <span class="nav-text">Documentation</span>
-                  <span class="sidebar-nav-arrow"></span>
-                </a>
-                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/index.html" class="sidebar-nav-link" >
-                      <span>Introduction</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
-                      <span>Alerts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
-                      <span>Autosize</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
-                      <span>Avatars</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
-                      <span>Badges</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
-                      <span>Breadcrumb</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
-                      <span>Buttons</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
-                      <span>Cards</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
-                      <span>Carousel</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
-                      <span>Colors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
-                      <span>Countup</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
-                      <span>Cursors</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
-                      <span>Charts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
-                      <span>Divider</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
-                      <span>Empty states</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
-                      <span>Flags</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
-                      <span>Form elements</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
-                      <span>Form helpers</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
-                      <span>Form input mask</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
-                      <span>Progress</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
-                      <span>Ribbons</span>
-                      <span class="badge bg-green">New</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
-                      <span>Spinners</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
-                      <span>Steps</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
-                      <span>Tables</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
-                      <span>Tabs</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
-                      <span>Timelines</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
-                      <span>Toasts</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
-                      <span>Tooltips</span>
-                    </a>
-                  </li>
-                  <li class="sidebar-nav-item">
-                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
-                      <span>Typography</span>
-                    </a>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-          <div class="mt-auto">
-            <a href="#" class="btn btn-primary btn-block">
-              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
-              Logout
-            </a>
-          </div>
-        </div>
-      </aside>
       <div class="content">
-        <header class="topnav topbar">
+        <header class="topnav">
           <div class="container">
             <div class="navbar navbar-expand-lg navbar-light">
-              <div class="navbar-search d-none d-xl-block">
-                <form action="." method="get">
-                  <div class="input-icon">
-                    <span class="input-icon-addon">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-                    </span>
-                    <input type="text" class="form-control" placeholder="Search&hellip;">
-                  </div>
-                </form>
-              </div>
+              <a href="." class="navbar-brand mr-4">
+                <img src="./static/logo.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-lg">
+                <img src="./static/logo-small.svg" alt="Tabler" class="navbar-brand-logo navbar-brand-logo-sm">
+              </a>
               <ul class="nav navbar-menu align-items-center ml-auto">
                 <li class="nav-item d-none d-lg-flex mr-3">
-                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
+                  <a href="https://github.com/tabler/tabler" class="btn btn-secondary" target="_blank">
+                    <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>
+                    Source code
+                  </a>
                 </li>
                 <li class="nav-item dropdown">
                   <a href="#" data-toggle="dropdown"
-         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
+			class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                     <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                     <span class="ml-2 d-none d-lg-block lh-1">
                       Leesa Beaty
@@ -446,6 +99,372 @@
             </div>
           </div>
         </header>
+        <header class="topnav">
+          <div class="navbar navbar-expand-lg navbar-light">
+            <div class="container">
+              <ul class="navbar-nav flex-wrap">
+                <li class="nav-item">
+                  <a class="nav-link" href="./index.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                    </span>
+                    Dashboard
+                  </a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./form-elements.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                    </span>
+                    Form elements
+                  </a>
+                </li>
+                <li class="nav-item active dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-base" data-toggle="dropdown" role="button"
+			aria-expanded="true" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
+                    </span>
+                    Base
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./blank.html" >
+                        Starter page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./buttons.html" >
+                        Buttons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./cards.html" >
+                        Cards
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./datatables.html" >
+                        Data 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 active" 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>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./charts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                    </span>
+                    Charts
+                  </a>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-error" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
+                    </span>
+                    Error pages
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li >
+                      <a class="dropdown-item" href="./400.html" >
+                        400 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./401.html" >
+                        401 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./403.html" >
+                        403 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./404.html" >
+                        404 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./500.html" >
+                        500 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./503.html" >
+                        503 page
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./maintenance.html" >
+                        Maintenance page
+                      </a>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#navbar-a" data-toggle="dropdown" role="button"
+			aria-expanded="false" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
+                    </span>
+                    A
+                  </a>
+                  <ul class="dropdown-menu">
+                    <li class="dropright">
+                      <a class="dropdown-item dropdown-toggle" href="#sidebar-b" data-toggle="dropdown" role="button" aria-expanded="false" >
+                        B
+                      </a>
+                      <div class="dropdown-menu">
+                        <a href="./tmp.html" class="dropdown-item">C</a>
+                      </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="./layouts.html" >
+                    <span class="nav-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
+                    </span>
+                    Layouts
+                    <span class="badge bg-green ml-2">New</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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
+                    </span>
+                    Extra
+                  </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="./search-results.html" >
+                        Search results
+                      </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-icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                    </span>
+                    Documentation
+                  </a>
+                  <ul class="dropdown-menu">
+                    <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/countup.html" >
+                        Countup
+                      </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/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/layout.html" >
+                        Layout
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/progress.html" >
+                        Progress
+                      </a>
+                    </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/ribbons.html" >
+                        Ribbons
+                        <span class="badge bg-green ml-auto">New</span>
+                      </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="navbar-search d-none d-xl-block">
+                <form action="." method="get">
+                  <div class="input-icon">
+                    <span class="input-icon-addon">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
+                    </span>
+                    <input type="text" class="form-control" placeholder="Search&hellip;">
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </header>
         <div class="content-page">
           <main class="container my-4 flex-fill">
             <!-- Page title -->
@@ -1257,9 +1276,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578237242"></script>
+    <script src="./dist/js/tabler.min.js?1578435905"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/css/tabler-buttons.css b/dist/css/tabler-buttons.css
new file mode 100644
index 000000000..089ed63e6
--- /dev/null
+++ b/dist/css/tabler-buttons.css
@@ -0,0 +1,1618 @@
+.btn-ghost-primary {
+  color: #206bc4;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-primary:hover {
+    color: #fff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+  .btn-ghost-primary:focus, .btn-ghost-primary.focus {
+    color: #fff;
+    background-color: #206bc4;
+    border-color: #206bc4;
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-ghost-primary:active, .btn-ghost-primary.active,
+  .show > .btn-ghost-primary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
+    .show > .btn-ghost-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
+    color: #206bc4;
+    background-color: transparent;
+    border-color: transparent; }
+
+.btn-ghost-secondary {
+  color: #8b929e;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-secondary:hover {
+    color: #fff;
+    background-color: #8b929e;
+    border-color: #8b929e; }
+  .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
+    color: #fff;
+    background-color: #8b929e;
+    border-color: #8b929e;
+    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+  .btn-ghost-secondary:active, .btn-ghost-secondary.active,
+  .show > .btn-ghost-secondary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8b929e;
+    border-color: #8b929e; }
+    .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
+    .show > .btn-ghost-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
+    color: #8b929e;
+    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-ghost-success:focus, .btn-ghost-success.focus {
+    color: #fff;
+    background-color: #5eba00;
+    border-color: #5eba00;
+    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-ghost-success:active, .btn-ghost-success.active,
+  .show > .btn-ghost-success.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5eba00;
+    border-color: #5eba00; }
+    .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
+    .show > .btn-ghost-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
+    color: #5eba00;
+    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-ghost-info:focus, .btn-ghost-info.focus {
+    color: #fff;
+    background-color: #45aaf2;
+    border-color: #45aaf2;
+    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-ghost-info:active, .btn-ghost-info.active,
+  .show > .btn-ghost-info.dropdown-toggle {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+    .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
+    .show > .btn-ghost-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
+    color: #45aaf2;
+    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-ghost-warning:focus, .btn-ghost-warning.focus {
+    color: #fff;
+    background-color: #fab005;
+    border-color: #fab005;
+    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-ghost-warning:active, .btn-ghost-warning.active,
+  .show > .btn-ghost-warning.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fab005;
+    border-color: #fab005; }
+    .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
+    .show > .btn-ghost-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
+    color: #fab005;
+    background-color: transparent;
+    border-color: transparent; }
+
+.btn-ghost-danger {
+  color: #fa4654;
+  background-color: transparent;
+  border-color: transparent; }
+  .btn-ghost-danger:hover {
+    color: #fff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+  .btn-ghost-danger:focus, .btn-ghost-danger.focus {
+    color: #fff;
+    background-color: #fa4654;
+    border-color: #fa4654;
+    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-ghost-danger:active, .btn-ghost-danger.active,
+  .show > .btn-ghost-danger.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+    .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
+    .show > .btn-ghost-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
+    color: #fa4654;
+    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-ghost-light:focus, .btn-ghost-light.focus {
+    color: #fff;
+    background-color: #f5f7fb;
+    border-color: #f5f7fb;
+    box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
+  .btn-ghost-light:active, .btn-ghost-light.active,
+  .show > .btn-ghost-light.dropdown-toggle {
+    color: #354052;
+    background-color: #f5f7fb;
+    border-color: #f5f7fb; }
+    .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
+    .show > .btn-ghost-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
+  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
+    color: #f5f7fb;
+    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-ghost-dark:focus, .btn-ghost-dark.focus {
+    color: #fff;
+    background-color: #354052;
+    border-color: #354052;
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-ghost-dark:active, .btn-ghost-dark.active,
+  .show > .btn-ghost-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #354052; }
+    .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
+    .show > .btn-ghost-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
+    color: #354052;
+    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-facebook:focus, .btn-facebook.focus {
+    color: #ffffff;
+    background-color: #30497c;
+    border-color: #2d4373;
+    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); }
+  .btn-facebook:active, .btn-facebook.active,
+  .show > .btn-facebook.dropdown-toggle {
+    color: #ffffff;
+    background-color: #2d4373;
+    border-color: #293e6a; }
+    .btn-facebook:active:focus, .btn-facebook.active:focus,
+    .show > .btn-facebook.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-facebook:focus, .btn-outline-facebook.focus {
+    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5); }
+  .btn-outline-facebook:active, .btn-outline-facebook.active,
+  .show > .btn-outline-facebook.dropdown-toggle {
+    color: #ffffff;
+    background-color: #3b5998;
+    border-color: #3b5998; }
+    .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus,
+    .show > .btn-outline-facebook.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-twitter:focus, .btn-twitter.focus {
+    color: #ffffff;
+    background-color: #0d8ddc;
+    border-color: #0c85d0;
+    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); }
+  .btn-twitter:active, .btn-twitter.active,
+  .show > .btn-twitter.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0c85d0;
+    border-color: #0b7ec4; }
+    .btn-twitter:active:focus, .btn-twitter.active:focus,
+    .show > .btn-twitter.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-twitter:focus, .btn-outline-twitter.focus {
+    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5); }
+  .btn-outline-twitter:active, .btn-outline-twitter.active,
+  .show > .btn-outline-twitter.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1da1f2;
+    border-color: #1da1f2; }
+    .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus,
+    .show > .btn-outline-twitter.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-google:focus, .btn-google.focus {
+    color: #ffffff;
+    background-color: #d03526;
+    border-color: #c63224;
+    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5); }
+  .btn-google:active, .btn-google.active,
+  .show > .btn-google.dropdown-toggle {
+    color: #ffffff;
+    background-color: #c63224;
+    border-color: #bb2f22; }
+    .btn-google:active:focus, .btn-google.active:focus,
+    .show > .btn-google.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-google:focus, .btn-outline-google.focus {
+    box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.5); }
+  .btn-outline-google:active, .btn-outline-google.active,
+  .show > .btn-outline-google.dropdown-toggle {
+    color: #ffffff;
+    background-color: #dc4e41;
+    border-color: #dc4e41; }
+    .btn-outline-google:active:focus, .btn-outline-google.active:focus,
+    .show > .btn-outline-google.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-youtube:focus, .btn-youtube.focus {
+    color: #ffffff;
+    background-color: #d90000;
+    border-color: #cc0000;
+    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); }
+  .btn-youtube:active, .btn-youtube.active,
+  .show > .btn-youtube.dropdown-toggle {
+    color: #ffffff;
+    background-color: #cc0000;
+    border-color: #bf0000; }
+    .btn-youtube:active:focus, .btn-youtube.active:focus,
+    .show > .btn-youtube.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-youtube:focus, .btn-outline-youtube.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); }
+  .btn-outline-youtube:active, .btn-outline-youtube.active,
+  .show > .btn-outline-youtube.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ff0000;
+    border-color: #ff0000; }
+    .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus,
+    .show > .btn-outline-youtube.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-vimeo:focus, .btn-vimeo.focus {
+    color: #ffffff;
+    background-color: #139ecb;
+    border-color: #1295bf;
+    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5); }
+  .btn-vimeo:active, .btn-vimeo.active,
+  .show > .btn-vimeo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1295bf;
+    border-color: #108cb4; }
+    .btn-vimeo:active:focus, .btn-vimeo.active:focus,
+    .show > .btn-vimeo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-vimeo:focus, .btn-outline-vimeo.focus {
+    box-shadow: 0 0 0 0.2rem rgba(26, 183, 234, 0.5); }
+  .btn-outline-vimeo:active, .btn-outline-vimeo.active,
+  .show > .btn-outline-vimeo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1ab7ea;
+    border-color: #1ab7ea; }
+    .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus,
+    .show > .btn-outline-vimeo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-dribbble:focus, .btn-dribbble.focus {
+    color: #ffffff;
+    background-color: #e62a72;
+    border-color: #e51e6b;
+    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5); }
+  .btn-dribbble:active, .btn-dribbble.active,
+  .show > .btn-dribbble.dropdown-toggle {
+    color: #ffffff;
+    background-color: #e51e6b;
+    border-color: #dc1a65; }
+    .btn-dribbble:active:focus, .btn-dribbble.active:focus,
+    .show > .btn-dribbble.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-dribbble:focus, .btn-outline-dribbble.focus {
+    box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5); }
+  .btn-outline-dribbble:active, .btn-outline-dribbble.active,
+  .show > .btn-outline-dribbble.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ea4c89;
+    border-color: #ea4c89; }
+    .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus,
+    .show > .btn-outline-dribbble.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-github:focus, .btn-github.focus {
+    color: #ffffff;
+    background-color: #040404;
+    border-color: black;
+    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5); }
+  .btn-github:active, .btn-github.active,
+  .show > .btn-github.dropdown-toggle {
+    color: #ffffff;
+    background-color: black;
+    border-color: black; }
+    .btn-github:active:focus, .btn-github.active:focus,
+    .show > .btn-github.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-github:focus, .btn-outline-github.focus {
+    box-shadow: 0 0 0 0.2rem rgba(24, 23, 23, 0.5); }
+  .btn-outline-github:active, .btn-outline-github.active,
+  .show > .btn-outline-github.dropdown-toggle {
+    color: #ffffff;
+    background-color: #181717;
+    border-color: #181717; }
+    .btn-outline-github:active:focus, .btn-outline-github.active:focus,
+    .show > .btn-outline-github.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-instagram:focus, .btn-instagram.focus {
+    color: #ffffff;
+    background-color: #de1f44;
+    border-color: #d31e40;
+    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5); }
+  .btn-instagram:active, .btn-instagram.active,
+  .show > .btn-instagram.dropdown-toggle {
+    color: #ffffff;
+    background-color: #d31e40;
+    border-color: #c81c3d; }
+    .btn-instagram:active:focus, .btn-instagram.active:focus,
+    .show > .btn-instagram.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-instagram:focus, .btn-outline-instagram.focus {
+    box-shadow: 0 0 0 0.2rem rgba(228, 64, 95, 0.5); }
+  .btn-outline-instagram:active, .btn-outline-instagram.active,
+  .show > .btn-outline-instagram.dropdown-toggle {
+    color: #ffffff;
+    background-color: #e4405f;
+    border-color: #e4405f; }
+    .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus,
+    .show > .btn-outline-instagram.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-pinterest:focus, .btn-pinterest.focus {
+    color: #ffffff;
+    background-color: #980617;
+    border-color: #8c0615;
+    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5); }
+  .btn-pinterest:active, .btn-pinterest.active,
+  .show > .btn-pinterest.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8c0615;
+    border-color: #800513; }
+    .btn-pinterest:active:focus, .btn-pinterest.active:focus,
+    .show > .btn-pinterest.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-pinterest:focus, .btn-outline-pinterest.focus {
+    box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5); }
+  .btn-outline-pinterest:active, .btn-outline-pinterest.active,
+  .show > .btn-outline-pinterest.dropdown-toggle {
+    color: #ffffff;
+    background-color: #bd081c;
+    border-color: #bd081c; }
+    .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus,
+    .show > .btn-outline-pinterest.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-vk:focus, .btn-vk.focus {
+    color: #ffffff;
+    background-color: #527093;
+    border-color: #4d6a8b;
+    box-shadow: 0 0 0 0.2rem rgba(122, 150, 181, 0.5); }
+  .btn-vk:active, .btn-vk.active,
+  .show > .btn-vk.dropdown-toggle {
+    color: #ffffff;
+    background-color: #4d6a8b;
+    border-color: #496482; }
+    .btn-vk:active:focus, .btn-vk.active:focus,
+    .show > .btn-vk.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-vk:focus, .btn-outline-vk.focus {
+    box-shadow: 0 0 0 0.2rem rgba(99, 131, 168, 0.5); }
+  .btn-outline-vk:active, .btn-outline-vk.active,
+  .show > .btn-outline-vk.dropdown-toggle {
+    color: #ffffff;
+    background-color: #6383a8;
+    border-color: #6383a8; }
+    .btn-outline-vk:active:focus, .btn-outline-vk.active:focus,
+    .show > .btn-outline-vk.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-rss:focus, .btn-rss.focus {
+    color: #ffffff;
+    background-color: #d98c00;
+    border-color: #cc8400;
+    box-shadow: 0 0 0 0.2rem rgba(255, 179, 38, 0.5); }
+  .btn-rss:active, .btn-rss.active,
+  .show > .btn-rss.dropdown-toggle {
+    color: #ffffff;
+    background-color: #cc8400;
+    border-color: #bf7c00; }
+    .btn-rss:active:focus, .btn-rss.active:focus,
+    .show > .btn-rss.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-rss:focus, .btn-outline-rss.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.5); }
+  .btn-outline-rss:active, .btn-outline-rss.active,
+  .show > .btn-outline-rss.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ffa500;
+    border-color: #ffa500; }
+    .btn-outline-rss:active:focus, .btn-outline-rss.active:focus,
+    .show > .btn-outline-rss.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-flickr:focus, .btn-flickr.focus {
+    color: #ffffff;
+    background-color: #0052b6;
+    border-color: #004ca9;
+    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5); }
+  .btn-flickr:active, .btn-flickr.active,
+  .show > .btn-flickr.dropdown-toggle {
+    color: #ffffff;
+    background-color: #004ca9;
+    border-color: #00469c; }
+    .btn-flickr:active:focus, .btn-flickr.active:focus,
+    .show > .btn-flickr.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-flickr:focus, .btn-outline-flickr.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5); }
+  .btn-outline-flickr:active, .btn-outline-flickr.active,
+  .show > .btn-outline-flickr.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0063dc;
+    border-color: #0063dc; }
+    .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus,
+    .show > .btn-outline-flickr.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-bitbucket:focus, .btn-bitbucket.focus {
+    color: #ffffff;
+    background-color: #0043a6;
+    border-color: #003e99;
+    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5); }
+  .btn-bitbucket:active, .btn-bitbucket.active,
+  .show > .btn-bitbucket.dropdown-toggle {
+    color: #ffffff;
+    background-color: #003e99;
+    border-color: #00388c; }
+    .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
+    .show > .btn-bitbucket.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-bitbucket:focus, .btn-outline-bitbucket.focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 82, 204, 0.5); }
+  .btn-outline-bitbucket:active, .btn-outline-bitbucket.active,
+  .show > .btn-outline-bitbucket.dropdown-toggle {
+    color: #ffffff;
+    background-color: #0052cc;
+    border-color: #0052cc; }
+    .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus,
+    .show > .btn-outline-bitbucket.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-tabler:focus, .btn-tabler.focus {
+    color: #ffffff;
+    background-color: #1b59a3;
+    border-color: #195398;
+    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
+  .btn-tabler:active, .btn-tabler.active,
+  .show > .btn-tabler.dropdown-toggle {
+    color: #ffffff;
+    background-color: #195398;
+    border-color: #174d8d; }
+    .btn-tabler:active:focus, .btn-tabler.active:focus,
+    .show > .btn-tabler.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-tabler:focus, .btn-outline-tabler.focus {
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-tabler:active, .btn-outline-tabler.active,
+  .show > .btn-outline-tabler.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus,
+    .show > .btn-outline-tabler.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-blue:focus, .btn-blue.focus {
+    color: #ffffff;
+    background-color: #1b59a3;
+    border-color: #195398;
+    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
+  .btn-blue:active, .btn-blue.active,
+  .show > .btn-blue.dropdown-toggle {
+    color: #ffffff;
+    background-color: #195398;
+    border-color: #174d8d; }
+    .btn-blue:active:focus, .btn-blue.active:focus,
+    .show > .btn-blue.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-blue:focus, .btn-outline-blue.focus {
+    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-blue:active, .btn-outline-blue.active,
+  .show > .btn-outline-blue.dropdown-toggle {
+    color: #ffffff;
+    background-color: #206bc4;
+    border-color: #206bc4; }
+    .btn-outline-blue:active:focus, .btn-outline-blue.active:focus,
+    .show > .btn-outline-blue.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
+  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
+    color: #206bc4;
+    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-indigo:focus, .btn-indigo.focus {
+    color: #ffffff;
+    background-color: #485ac4;
+    border-color: #3f51c1;
+    box-shadow: 0 0 0 0.2rem rgba(124, 137, 213, 0.5); }
+  .btn-indigo:active, .btn-indigo.active,
+  .show > .btn-indigo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #3f51c1;
+    border-color: #3b4db7; }
+    .btn-indigo:active:focus, .btn-indigo.active:focus,
+    .show > .btn-indigo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-indigo:focus, .btn-outline-indigo.focus {
+    box-shadow: 0 0 0 0.2rem rgba(101, 116, 205, 0.5); }
+  .btn-outline-indigo:active, .btn-outline-indigo.active,
+  .show > .btn-outline-indigo.dropdown-toggle {
+    color: #ffffff;
+    background-color: #6574cd;
+    border-color: #6574cd; }
+    .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus,
+    .show > .btn-outline-indigo.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-purple:focus, .btn-purple.focus {
+    color: #ffffff;
+    background-color: #923ce6;
+    border-color: #8c31e4;
+    box-shadow: 0 0 0 0.2rem rgba(179, 118, 237, 0.5); }
+  .btn-purple:active, .btn-purple.active,
+  .show > .btn-purple.dropdown-toggle {
+    color: #ffffff;
+    background-color: #8c31e4;
+    border-color: #8526e3; }
+    .btn-purple:active:focus, .btn-purple.active:focus,
+    .show > .btn-purple.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-purple:focus, .btn-outline-purple.focus {
+    box-shadow: 0 0 0 0.2rem rgba(165, 94, 234, 0.5); }
+  .btn-outline-purple:active, .btn-outline-purple.active,
+  .show > .btn-outline-purple.dropdown-toggle {
+    color: #ffffff;
+    background-color: #a55eea;
+    border-color: #a55eea; }
+    .btn-outline-purple:active:focus, .btn-outline-purple.active:focus,
+    .show > .btn-outline-purple.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-pink:focus, .btn-pink.focus {
+    color: #ffffff;
+    background-color: #f44982;
+    border-color: #f33d7a;
+    box-shadow: 0 0 0 0.2rem rgba(247, 131, 170, 0.5); }
+  .btn-pink:active, .btn-pink.active,
+  .show > .btn-pink.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f33d7a;
+    border-color: #f23172; }
+    .btn-pink:active:focus, .btn-pink.active:focus,
+    .show > .btn-pink.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-pink:focus, .btn-outline-pink.focus {
+    box-shadow: 0 0 0 0.2rem rgba(246, 109, 155, 0.5); }
+  .btn-outline-pink:active, .btn-outline-pink.active,
+  .show > .btn-outline-pink.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f66d9b;
+    border-color: #f66d9b; }
+    .btn-outline-pink:active:focus, .btn-outline-pink.active:focus,
+    .show > .btn-outline-pink.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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: #fa4654;
+  border-color: #fa4654; }
+  .btn-red:hover {
+    color: #ffffff;
+    background-color: #f92132;
+    border-color: #f91426; }
+  .btn-red:focus, .btn-red.focus {
+    color: #ffffff;
+    background-color: #f92132;
+    border-color: #f91426;
+    box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
+  .btn-red:active, .btn-red.active,
+  .show > .btn-red.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f91426;
+    border-color: #f8081b; }
+    .btn-red:active:focus, .btn-red.active:focus,
+    .show > .btn-red.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
+  .btn-red:disabled, .btn-red.disabled {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+
+.btn-outline-red {
+  color: #fa4654;
+  border-color: #fa4654; }
+  .btn-outline-red:hover {
+    color: #fa4654;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+  .btn-outline-red:focus, .btn-outline-red.focus {
+    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-outline-red:active, .btn-outline-red.active,
+  .show > .btn-outline-red.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fa4654;
+    border-color: #fa4654; }
+    .btn-outline-red:active:focus, .btn-outline-red.active:focus,
+    .show > .btn-outline-red.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
+  .btn-outline-red:disabled, .btn-outline-red.disabled {
+    color: #fa4654;
+    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-orange:focus, .btn-orange.focus {
+    color: #ffffff;
+    background-color: #ff7e05;
+    border-color: #f77800;
+    box-shadow: 0 0 0 0.2rem rgba(255, 162, 75, 0.5); }
+  .btn-orange:active, .btn-orange.active,
+  .show > .btn-orange.dropdown-toggle {
+    color: #ffffff;
+    background-color: #f77800;
+    border-color: #ea7200; }
+    .btn-orange:active:focus, .btn-orange.active:focus,
+    .show > .btn-orange.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-orange:focus, .btn-outline-orange.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 146, 43, 0.5); }
+  .btn-outline-orange:active, .btn-outline-orange.active,
+  .show > .btn-outline-orange.dropdown-toggle {
+    color: #ffffff;
+    background-color: #ff922b;
+    border-color: #ff922b; }
+    .btn-outline-orange:active:focus, .btn-outline-orange.active:focus,
+    .show > .btn-outline-orange.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-yellow:focus, .btn-yellow.focus {
+    color: #ffffff;
+    background-color: #d59604;
+    border-color: #c88d04;
+    box-shadow: 0 0 0 0.2rem rgba(251, 188, 43, 0.5); }
+  .btn-yellow:active, .btn-yellow.active,
+  .show > .btn-yellow.dropdown-toggle {
+    color: #ffffff;
+    background-color: #c88d04;
+    border-color: #bc8404; }
+    .btn-yellow:active:focus, .btn-yellow.active:focus,
+    .show > .btn-yellow.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-yellow:focus, .btn-outline-yellow.focus {
+    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-outline-yellow:active, .btn-outline-yellow.active,
+  .show > .btn-outline-yellow.dropdown-toggle {
+    color: #ffffff;
+    background-color: #fab005;
+    border-color: #fab005; }
+    .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus,
+    .show > .btn-outline-yellow.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
+  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
+    color: #fab005;
+    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-green:focus, .btn-green.focus {
+    color: #ffffff;
+    background-color: #4b9400;
+    border-color: #448700;
+    box-shadow: 0 0 0 0.2rem rgba(118, 196, 38, 0.5); }
+  .btn-green:active, .btn-green.active,
+  .show > .btn-green.dropdown-toggle {
+    color: #ffffff;
+    background-color: #448700;
+    border-color: #3e7a00; }
+    .btn-green:active:focus, .btn-green.active:focus,
+    .show > .btn-green.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-green:focus, .btn-outline-green.focus {
+    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
+  .btn-outline-green:active, .btn-outline-green.active,
+  .show > .btn-outline-green.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5eba00;
+    border-color: #5eba00; }
+    .btn-outline-green:active:focus, .btn-outline-green.active:focus,
+    .show > .btn-outline-green.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-teal:focus, .btn-teal.focus {
+    color: #ffffff;
+    background-color: #24ab9d;
+    border-color: #22a193;
+    box-shadow: 0 0 0 0.2rem rgba(75, 211, 196, 0.5); }
+  .btn-teal:active, .btn-teal.active,
+  .show > .btn-teal.dropdown-toggle {
+    color: #ffffff;
+    background-color: #22a193;
+    border-color: #20968a; }
+    .btn-teal:active:focus, .btn-teal.active:focus,
+    .show > .btn-teal.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-teal:focus, .btn-outline-teal.focus {
+    box-shadow: 0 0 0 0.2rem rgba(43, 203, 186, 0.5); }
+  .btn-outline-teal:active, .btn-outline-teal.active,
+  .show > .btn-outline-teal.dropdown-toggle {
+    color: #ffffff;
+    background-color: #2bcbba;
+    border-color: #2bcbba; }
+    .btn-outline-teal:active:focus, .btn-outline-teal.active:focus,
+    .show > .btn-outline-teal.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-cyan:focus, .btn-cyan.focus {
+    color: #ffffff;
+    background-color: #138496;
+    border-color: #117a8b;
+    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
+  .btn-cyan:active, .btn-cyan.active,
+  .show > .btn-cyan.dropdown-toggle {
+    color: #ffffff;
+    background-color: #117a8b;
+    border-color: #10707f; }
+    .btn-cyan:active:focus, .btn-cyan.active:focus,
+    .show > .btn-cyan.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-cyan:focus, .btn-outline-cyan.focus {
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-outline-cyan:active, .btn-outline-cyan.active,
+  .show > .btn-outline-cyan.dropdown-toggle {
+    color: #ffffff;
+    background-color: #17a2b8;
+    border-color: #17a2b8; }
+    .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus,
+    .show > .btn-outline-cyan.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
+  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
+    color: #17a2b8;
+    background-color: transparent; }
+
+.btn-white {
+  color: #354052;
+  background-color: #ffffff;
+  border-color: #ffffff; }
+  .btn-white:hover {
+    color: #354052;
+    background-color: #ececec;
+    border-color: #e6e6e6; }
+  .btn-white:focus, .btn-white.focus {
+    color: #354052;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
+  .btn-white:active, .btn-white.active,
+  .show > .btn-white.dropdown-toggle {
+    color: #354052;
+    background-color: #e6e6e6;
+    border-color: #dfdfdf; }
+    .btn-white:active:focus, .btn-white.active:focus,
+    .show > .btn-white.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
+  .btn-white:disabled, .btn-white.disabled {
+    color: #354052;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+
+.btn-outline-white {
+  color: #ffffff;
+  border-color: #ffffff; }
+  .btn-outline-white:hover {
+    color: #ffffff;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+  .btn-outline-white:focus, .btn-outline-white.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outline-white:active, .btn-outline-white.active,
+  .show > .btn-outline-white.dropdown-toggle {
+    color: #354052;
+    background-color: #ffffff;
+    border-color: #ffffff; }
+    .btn-outline-white:active:focus, .btn-outline-white.active:focus,
+    .show > .btn-outline-white.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outline-white:disabled, .btn-outline-white.disabled {
+    color: #ffffff;
+    background-color: transparent; }
+
+.btn-gray {
+  color: #ffffff;
+  background-color: #aeb3bc;
+  border-color: #aeb3bc; }
+  .btn-gray:hover {
+    color: #ffffff;
+    background-color: #999fab;
+    border-color: #9299a5; }
+  .btn-gray:focus, .btn-gray.focus {
+    color: #ffffff;
+    background-color: #999fab;
+    border-color: #9299a5;
+    box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
+  .btn-gray:active, .btn-gray.active,
+  .show > .btn-gray.dropdown-toggle {
+    color: #ffffff;
+    background-color: #9299a5;
+    border-color: #8b929f; }
+    .btn-gray:active:focus, .btn-gray.active:focus,
+    .show > .btn-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
+  .btn-gray:disabled, .btn-gray.disabled {
+    color: #ffffff;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+
+.btn-outline-gray {
+  color: #aeb3bc;
+  border-color: #aeb3bc; }
+  .btn-outline-gray:hover {
+    color: #aeb3bc;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+  .btn-outline-gray:focus, .btn-outline-gray.focus {
+    box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
+  .btn-outline-gray:active, .btn-outline-gray.active,
+  .show > .btn-outline-gray.dropdown-toggle {
+    color: #ffffff;
+    background-color: #aeb3bc;
+    border-color: #aeb3bc; }
+    .btn-outline-gray:active:focus, .btn-outline-gray.active:focus,
+    .show > .btn-outline-gray.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
+  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
+    color: #aeb3bc;
+    background-color: transparent; }
+
+.btn-gray-dark {
+  color: #ffffff;
+  background-color: #5f6877;
+  border-color: #5f6877; }
+  .btn-gray-dark:hover {
+    color: #ffffff;
+    background-color: #4e5562;
+    border-color: #484f5b; }
+  .btn-gray-dark:focus, .btn-gray-dark.focus {
+    color: #ffffff;
+    background-color: #4e5562;
+    border-color: #484f5b;
+    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+  .btn-gray-dark:active, .btn-gray-dark.active,
+  .show > .btn-gray-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #484f5b;
+    border-color: #434954; }
+    .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
+    .show > .btn-gray-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
+    color: #ffffff;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+
+.btn-outline-gray-dark {
+  color: #5f6877;
+  border-color: #5f6877; }
+  .btn-outline-gray-dark:hover {
+    color: #5f6877;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+  .btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+  .btn-outline-gray-dark:active, .btn-outline-gray-dark.active,
+  .show > .btn-outline-gray-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #5f6877;
+    border-color: #5f6877; }
+    .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus,
+    .show > .btn-outline-gray-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
+    color: #5f6877;
+    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-azure:focus, .btn-azure.focus {
+    color: #ffffff;
+    background-color: #219af0;
+    border-color: #1594ef;
+    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
+  .btn-azure:active, .btn-azure.active,
+  .show > .btn-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1594ef;
+    border-color: #108ee7; }
+    .btn-azure:active:focus, .btn-azure.active:focus,
+    .show > .btn-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-azure:focus, .btn-outline-azure.focus {
+    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:active, .btn-outline-azure.active,
+  .show > .btn-outline-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
+    .show > .btn-outline-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
+    color: #45aaf2;
+    background-color: transparent; }
+
+.btn-lime {
+  color: #ffffff;
+  background-color: #7bd235;
+  border-color: #7bd235; }
+  .btn-lime:hover {
+    color: #ffffff;
+    background-color: #69b829;
+    border-color: #63ad27; }
+  .btn-lime:focus, .btn-lime.focus {
+    color: #ffffff;
+    background-color: #69b829;
+    border-color: #63ad27;
+    box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
+  .btn-lime:active, .btn-lime.active,
+  .show > .btn-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #63ad27;
+    border-color: #5da324; }
+    .btn-lime:active:focus, .btn-lime.active:focus,
+    .show > .btn-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
+  .btn-lime:disabled, .btn-lime.disabled {
+    color: #ffffff;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+
+.btn-outline-lime {
+  color: #7bd235;
+  border-color: #7bd235; }
+  .btn-outline-lime:hover {
+    color: #7bd235;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+  .btn-outline-lime:focus, .btn-outline-lime.focus {
+    box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
+  .btn-outline-lime:active, .btn-outline-lime.active,
+  .show > .btn-outline-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #7bd235;
+    border-color: #7bd235; }
+    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
+    .show > .btn-outline-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
+  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
+    color: #7bd235;
+    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-dark:focus, .btn-dark.focus {
+    color: #ffffff;
+    background-color: #262e3b;
+    border-color: #212833;
+    box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
+  .btn-dark:active, .btn-dark.active,
+  .show > .btn-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #212833;
+    border-color: #1c222b; }
+    .btn-dark:active:focus, .btn-dark.active:focus,
+    .show > .btn-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem 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-outline-dark:focus, .btn-outline-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-outline-dark:active, .btn-outline-dark.active,
+  .show > .btn-outline-dark.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #354052; }
+    .btn-outline-dark:active:focus, .btn-outline-dark.active:focus,
+    .show > .btn-outline-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
+  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
+    color: #354052;
+    background-color: transparent; }
+/*# sourceMappingURL=tabler-buttons.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-buttons.css.map b/dist/css/tabler-buttons.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..b5af61ed67adcba5ad117cea648643fa33c2c0ec
GIT binary patch
literal 33834
zcmdsg>vH2plJ2WuWO=&162-enb&nk*0#sYJ`zrPI^u`28f+Qr8pa5P(O-#hT)kd73
z=TY`a&X<{0r~(OgQ|@W+OndAhP?eQcm6tEGE~Ngxw+P}Sj3#@Js)u_?G>^MMviIo!
z>>V8y@o&;ilHxop{;e~g&7w(C2ySPwe?-N5hl*wr^@6{RquzWJB*jh?%@UAIrRg}l
z4JS$3Jll|&|83#Nq2EE<Y~?Oo2eID^gUL)a{m;X_i9hDy<8kayr{QFP$?Tn;w$C58
z-R{|8*9}|m@i=Y0IXrIt{N~2ROR#VcS1qp}d57)O(^HgOx2E3X^HaBd_|}`W24|1Y
zpS&KP5mD57{rKFwd~<lyaxY#hdhgi>P`8P?oI`!a)NN|`<kjK8J3S5Cs^#f<+<uI<
zPudvTleeHadxvh^cSIa;yT0n>+zVT89zTA1`s?``k6#yU>AveWcz8{oomclTy>s{2
zi+O$x?^;dp@#(2I^0Y+!0SRH)I%)krkqlbR7DoFU+CwP6Hd|UMXG3(KCl=MBEiKNt
z`SW_~Fx*8neI_5%aM9faolAe`-VMr>fU=w{0bRM={MzN&?kb{E%ZG>>t#`jqLdPxA
z><G;<;_KF1EuelUUp_+rj>+Fr(`T25O?L;gIV0ky-0qp`<=lJuP6;K;!V=1q$9Kci
z+f^jjERy*5isXj7e8WS1oeJc|7J&%$&rHo;(!N~tfh~UYh6K{(cD+;}gO-*^))y^_
z)OmQv_mar6)rFB%TOWR(kyHRo=iU&_VI+grdu=40UcQkC{UwuMP}5)D93JdqB)<^x
zOK$f{^>XgL{-BH`%fb@LjK??U>FsJH3B=fT?^>6?Pb90>1%}$YB#Cq{v_Rgy%NK}H
zzhLU;)bQ-ZZUT8m#IL#C8`aCX_x|#80=ebUt$1>~3dAEE0mT2V*wZFszF=d%OkL*v
z7MEdSSUSmWsQml#69`-7$WcS&K=^5JgV5#HS8nP#V^@35R)8(KG|GWTbKF%brxcQZ
z{+$u|35Cj+94cR>0r~BgfXu`?uA*JkdbJy})>%9Qm-`vIX-vL$bxhuht|u;y@BmFe
zBa!DElb=$S(qweKf&!3pj1l=Cx4jbtJJM#;9j76-iZXZu5|ysIB&E61=Ioae#onOo
zqQz-1bd~d*hOLPT%9ILiG)P*~B5s95R%#VnI|1$K(B%#zSK3e9NOgIBdgD%A<x5-f
zRxC7xxx)G|FbM4Qif4-v%h(^Eo{hXK2*M59B%=P9gfeJ}P=+ldlxvh}p-fuLENX!p
zSWo5khF&2`OfwbbQd%L4J8<2yRdGxe;Kw=I$RqO}!@R-mN=AC^3bzqnWvnnPl%)XT
z-nqU;ucl}W-E`d{DHeGhrUlzLJv~mR>Mfo$XsVmW5Mj!gchMd33=WV_Xx4R<>3M%M
z#?Z!e&ppIN(ih@lY77&UrN+>^CZPl(lfDs2*fJs+wV2ho1zu1d@_OPN(JNR_@u~$m
zmsZfxz(e#h6*a2JHH9IDMydqX61S^#q%angrS|XMx@lxT7JacP6s7%uCc3LB+;{;d
zJtXTvmjf7+o<M`F?^}a~CjkU})~C6)gVYSBUO%;h4&!83<k2(Y7{J}NIIdd6=DO7<
z8yNA+7%yNtX(_I4FOdd<1-GWWLgl&oFEXcr%bbR;;)IUezJY;-j-+j`CK_VhpSU!n
z1GL>$^NE1K71k6q@(}aUsz3PyKp>kV=BM5}MuaRYE8WaQgmZSTpT)PHXn#aRh;0z~
zz#!m@Ogcs+fCa7np*Vf0FyKmFuN4LmLTEYOq!@7Qx(lnKv=swRgxi7QR!kcSE+{(y
zyP3g&iiH6U!GI=V$gY+!_ps=|VqQdZ4ZF}2C=%>^YZ&lr7oPG<kBt7jn_|Gs>!ld*
z4yMxf-itgw7;$usH2TD3(CQHa46$gVofT$z)lxj$92Ouw2>~-xzJhY|5um}Gn!@Qs
zw?Id3&!B&-Gsm`968$g&)Lk0IvD@2O?@LM@+TH})QzVSBXVRY`%D%SZv+4gAAwZVZ
zHUxOenbL0p?Z0Yh2LdeYobV0jgl|PA?~F)%BN2oJh&lixXur=d6dp*3Lo4YUr`aG<
zfQ>W};@!*!>u63|RNNXVH()!*4YhTLbU4ihS5`Jym28qC!_H=~;uK)2Qh*3Xq22$A
z<nn3vAK!arfEM=3AiLzrvx0dm69>?K%gP|jYMT{2r$G6PW9(Ct0^C|Dz$J9h_FjuZ
z-xzVcH`3@3lP<^q9z6!kub&40Yf=`we$z!-n3m63iFul@a`3N78d29R&b?+!2Y+yy
znBc#(f`6HVf8`#*zl3OyImX_Ut@Z|3rIkKH*=Lmg@3$O$iRqquFC?r#*I^y5e~0uZ
z#r;<i3FSg$a%n{J)<}f%gL9Aa1Gql&12O~QisgeAVc6mZlKM?rrXrz=T*ohi3cM;v
z3<yT5X(IvyS}?HVV^ukF)A%xnWr>k>u{z}TC8Pp7JAOrsV5W>9v5a8y2N*#%ZOilg
zRo3%ic3V6@%W9kFU$BT?iG*PhY3wiCM(~1-;H4M=EJ7>wwK0Ns%;-HB!3c~+KyR=J
zO+QGD0FFCK_1VS|!!{$h6C<GPkc@zALb#oKvT9@_0J|$=1c_w?w_*gV`xrqDn-Ohq
z;dQ9TxtB(jsn_}1D3FcXUt|DTR@)5VHSN1x@`mJv+K&VTRK0g80zAXss`s2_@gfz)
zMJfqC3V180YsBk4^ZJl(qy|JO`QDW|qKR6ae5b$VEz*^2u-@qggaUet6p6#oeXdRF
z##Q{gE|!7le~Hb#U9<dS4?CpZt;bpF(o0b!M&kSF82|4F_iyQV;td~9yjEK!P;}k<
zkSh8&TJk()Sv*Tc@iLXfB{6vYf&BXoJ-%gL@6v6Tt~yWwAP>zk%eaL!JukQ~_}pVD
z=Q6jt!MRsznIjXo*m|iI9U<RmL+a8x5B<+wIuY7!cdyC$+?~qjR#rYY`+Pq4@2Bhc
zlz+YB{OhgB=NeW%_Y3E9ze+y$o5|;%n|$sSF}dJ;?vfr~Gru=!-sW5B+*+2GtMD0T
zb92e&7ABip+1cEQ_V_mT_jCtcH|A_Exkom4Ac4HB0(r>_<cmKbkY{(~zX->(thV8}
z&++$zM9KF$NW#NU>_GlA2l8_X<iD6e{?r8W7tH9T1oBt>av@wVHCOBd=qw9?cRk6=
zRemgCJW*kMW`*&k$>qQe%YE(f*H##xN*KSnPZ%GxX&<+$oW5c?{q48t^j&h&4m+uD
zoW5u|{TVy`6LI>Vjne}Lpfs0`PM#5y=j`+^=<y}<dzCu<TkVsG!kx5~H-dBZj&&Zm
z+=$c1#_0hAX7>iS0<_LU%jqZV^wFl%SI_tm=h?=I9^E2pdwmW}K^mAo(4i&I?wdKi
zIpJf|1Dq-&LoK${u_?U$#T$h48;>M&f+*R>_BTtTXtqW}gnT8Bkw-_UV~-D~C;SrO
z1w5x-dgeQ4ddcAKOmPjxxhfy>jjXWEe6HH*k?y#yk91)>x9z7|<;QJxsN8jn+;o78
zU2B1TtHu+$b_Q?etR*zq(M!{ouch;Bdi_NRpJlZT;p?0*9ZSO0&<PWCen}~u=$tk@
z+q~fk9X8C0=zx<a_JJXCUOF4)MDB`TuJHo;k(av64JW|RdFZ(dQ(QuEuFg-G&w=nM
z>IUcrx|L-*7|q&gGFNG*$y}pN<7u`xlDVxqpR>+KqVsE`^ZvJ|^D67SCOU@!h|fUh
zZ;Z~Xtn(T+xuHWCfcC4V(K);yG9HM|jRAlj2B7I9t#i2N%oMM->Ab-@Z;H-g0Kx~|
zq&f$q*yy}ubY5qj!|`|a^CctuL<BL`g1{*)RtsMl+_T>K2RM3}!M!5jj{8HY(%%_y
zFEhAT1l+3z+>hN<9_D@wR%}JSEHe;r9~u-NYjB5u#-@0=4czM-B#wnoLpQ)qyr;n(
zjHU+MR|edx4DL0=g<Zj&Zl1M~tn-dSWRip{>;-&frDv1wFH(Az)i!j$<6Cbf+<Jpo
zmRst+96bHQWs2^1*x;Z8E|y2x?0eU6eN4%t;nJnMrh7@t^b>wLzzcX5-Snp4HFkG+
zDUGH2)Ju!!C`S3_2~5=^rZtcG)O7=N<C)8R?xg*zMv`S)@$b6jHZ`r_Ug@q%FEP5u
zg6=m4-GTRdl3y#NXEpT)C>`4#kj_d_?M|Z_l-@D$e#`K_5_rEe@Ln<SUT1iR>yy$O
z{L&O;Kn|#t5?b&+(P)h;8Qb8!%<x_jc(3XP*m@^u&_`|~1MhPK?{^IErF+0TUAk?1
zGf{eCls@?em7c%x1*P|l(ig1sr6?U1pp{rMN(bnZQ;O1!1;Eo`0h)fGl}@K5T8G$f
z-=_3CR(eU44hs-I<ojCbV02}ao*1RyveJR~J9|1^$H(q#i?^1St#ofW#@_I^2JbO%
zYbO%QW;&EX=|jXaoxR5{ZM7#Z3uI<avzNTb&DlGJ0PK<S1y<Y%rI(7tgQ|%KO}!_M
z{gk1XuC2#7zR1P*1z)~g;_@Y|=T<jBHxv-``AX4C_uQj)y5~OQ`_S|D#-97u?7hjE
z+?`<FN@E^5f10^`Gx$E`OzuW9x!B6&uJDy3t@SCVayJ6lvGHB(Z)-QW<?L;RtIh!U
zJANt2mFcp%_#&yFtkaS1X$ZjLE??_2PUYs3$}LPPw@Onv<nJe5x=tUPR4(RJF1bf4
zcfeXNi`Eh1_2?Ggpw=g>^+>c16Og&W*GHDtC#>~Iv<?%{0!fV47p&-|Xx*3qd=w_2
z=@9^6C8Bj?{JNMnd2)RnNj@+m5v{`nqydi2Y^^tp)~}7$r>ymxPitL&=K%NXLrz!g
zg6}nh?{@~@pJ6cc4TV)}r<?Vib@IG>_1o8L_IEKd_h+`BqGy>|$$MsXg@a89^;*z<
zWT89OE~%eiF}hz1x{nOHM+V(v2J}SGea0_yL3itlYe}O!R$6rf`Ufc18XumKl0)pH
z0WT(u?vbGT)S!EkqB|H>4Z05ux{ny$$M-<@0AB-advAvH{RsE<z}5Eng1@u)RX1U?
zs`{erJ<H0{dgk`*M85MF(RUs(+bLdUx^VR~d}UGt`~-IuA(Y4ysZ8;z#gd>*gZu*b
znxM6%2X;`~t-P-2m0TXLx>ZeD$@bidRS~wqP8&hyD;05@nJ4PIp)<S+H*|<Hvq{%z
zm(qT&({Gw~-Kl(?^ac~#Il&9*8?0^bgUtKAnf9fb_1B8^Srz^P)?j}F7Wx|5*6@pE
z4Oe0f*UB13mNk%tXlsZ?{fV-MnY_-GHIS`nYbd4GfOuWEDh{Y3*BT~b4Uw{jsbvjh
zA!dD7wX9)aS;I)IVSFEJpf8)!h8<_O0}~E9-(I%g;CRrKc#s}x0~TJHaM0jzfK;8l
z`^1EUfw^RK#mJ4_8o~qP&Y%aTYxO5gF9|@JySKf{wq(D^Ob5Vp@ENuhA4D%~+NA6H
zMLSLQYbG3=a5y-)M>wc)+J_{MI>Wxb9`y7ZO#5b>_RS^jTUcpd-{ksqbEVBUS0Imt
z$@*3%>qAD5C{U5CugWhq$@S|dy~C*<99xurrIR=cF<Y{}Th98B*-I!%v%ZR*^$pFo
z?TyL$7M%4hKb`euzE_DagSI{F17M10sm6az7c*ZA@v|2mzX<WOthUAf{5^Ge`D>$a
zoP|LcI1&+WOT{5+HRnSU7H|Xs!^=&M4e4Q-r5$Fe6@n#w*%Z^+X)eNFaRzuTKanvy
zOBEiS>3w=Ix;sl3cg-_pQ26#Ff0;LYlG&%nuafk`QGg%)n9+}l#0B-kB}ej$CF%!G
z+-Nex?}pItocuNHJNv<ehzo;Zl+1Js=kFgUj`P>R?+%^)MKI|_@u9QdjYd)IgcE0f
zHVno=f!`CMb)2KlY@)b)_jlFkAG#9E!bx{D?*)zws=z;eGMPQZ@1;zVsUKrVhfd~2
z`qTZI&+q#EzIhX>A0E?y9p@kPf&at5A1C(olBgT{qs)-EPcMg9&F?-l%Z}d~p$wJf
z70qX(a1s=D;j3x2<hJt9mjM5IO`ZVgcVo0XS-UxU#rTM92YqfGRsO6$!}Z>Ch7S~r
zPK$rB$5E0>K2C~7`p;?mNjO?L)A@MnfVI;L`u==0bCTH#Kf-h9_=&R&MkD%sG>q`;
zK!?twe$<_#>XF}_g^S>j`S_Eb(+d-FoSqX+XZQ`F#OcF1d^A>G#}>%H0km%NB#Hfw
z-@P8h(R|VaOL~vu9{S^FR=^{NKMJex=AlLXgOKp(3Wmuer{~Al!Nev#bQ(wX@3RfK
z7mHYWb;_kI-R20^J5+2%DxV#Q;jbHP8%V_rS&?pzMe|5S_`}D^4+1rcSgepiAq5`&
zi%Esfz?PCYrifqM<B`@zwtXkMEhIy~7cJ2oSZCge1u5>&Vl*1`^jJi6{H9<ke@q)9
zR@7@_Q)DbareLt6-o;dTBuD)GM~}pD;AE$ZDC{}&1V2FKi2WxK+{)?t6KCoti35L{
zMPv929vqRVGmWEZ5RX<gcnTIKFbP2#W*o=JofMT(#GzB-|8X(%FD%2}Z0N*;j{gvY
zd6>eJ@;9eU9^xF;Q+!6)8zq63T(-L}=T7rW^(A)94*lmN>*XjJMoZ@>=g&tyhy?~W
zDa@k5V3dwZTbAu1+E`MjNR4^JT~aGFQr6C4%h_-W$NnIA<V>PT@R(HmDi{MD9i#z{
zZpiRQ1=Bc4lAu?VUIDHCED)_?-lW_$bJnBN_AEron2j3#Ifj*QS_J28GU-^fr#pZ8
zk!Nkjku`|?R{sPugq5rtVz%cmHbu5W(g&+0wMiY;lvV0iEdXtKHkz3zl$x9=(q_r(
zHT7ECGyr2z?!`rFP>BN&fI+Pu#DOD8YENv#Mh9(vpSN4f1~FNl?_V?Fc|F&l1`00B
zV}a2(6PsBS+ry#FBDF7y^*}FfDgj+pDf#k;gnr#7^~O&HyEWfpHqZc#e@k$Zo_JPT
zRcTMDx;Dn3NwZqjWJbBES#1qXHkyCRrZsSDq)s_Yr~hjpx+d{;5s1}&!)Ugy7e<ud
z4_&$JM2OJ16+1OBeGyJs>rJ+3bisB7L{dwLB)ki-e#jyP6+Yab`n?`<oWcr=C;fbj
z=ROwL1tP(-vJU#K&UvCzR7DH-*R59O@s`Jt=7%Y-hlZ_WDj4EZe=^5{V})f*cZ3zR
zGm9vXT7+0-BiEw!OH9uwroh~Zqh%7rdeKADO#8`<6X~t^wG124jJkwicyV=lanZiK
za9XDq?T?dv<a5C+LH?g0Klq4WMg6$v{7EgV(1=${XV0HqUVwHGMaW?aG$*3H;2&Id
zF0lT0Uc}LQLz!^jA7jN<NI+D;;KM$|X7M?63izp0Filp;EEpd;9W1A>$9`AdsjEXL
z2?kN%%)>)x7>pLdEbRJN>fx7HN2p5~qlh@ks>?xwbA<-F>Bf7q8h4_RJ=N@ZWvCzb
zo&-@m2>p+HhnVqYh+k-Ro&`(iRW$Y|R5+s|>IYM^xyf?%-DUgLv(w)kEy1uGO;~=(
zBj@1{8}#n;-=4oBNkiRwf2I&(yC+`wqeryJ%Qo2`g@Yk<@m;^(Z}dBM<vuMZQB$qg
zO7)6e1NPjk&>106Jd)I!$&p6aGJ{ft%V9W!b#M+YMVpl45DTgthNViDBhlsZTO%ZM
zi~UuhTq?n0c)<1~q_RSlyeeP<_$$r&&^c*-pY4@dRku;s@~CTDsGGUG>szQBCwaV&
zw@@Ef^QaqJsB2jHY|5m$g}PG7qdp;OmYU58!tadcQ2BS2(s8F-v+MT#yLn7iwYu;3
zGnTa<PI}=WLfvt_QS0_H&8G7h-ibQDUJn94TL+&<P5=0~capW@IOtJ@Upua6M-gG$
zk(M;rOgyPnvW-^Q0*aR0u2U-2GhL0~uc&EsdX;LnW)KI#1XcB*<CjXAMzet2@4HH;
z+v#LS-d*|Brrhu=oo1$ua)$3p{7<Gz*+1=r;vc(;Tp#;<h4Fkw6BjFo{%sl!?kdw1
z8dz(FM(r^SG!J-6re3ExAP~1EeZ#9u#~G8tc&0HHkMRnOh$O=#2>@sCII1+m&XUZ#
z_)Tu09fk?<X6nL8AGRX)l&M(y@dSYxb)v~kWsmeuxi?J1t{|I@dMj)Wp>7i|xK4|V
zP-3lZX3H4hOwsk@Uf=Hq_*L-hk9$yZwNpPiX>z{uac{N^XTW8yDEItwzoIH6xN&)}
zTMKGsRldUVWZnt5qTeT@P!$VUB!VYdk>6<qzAEm;VW)%rNv;X}TDN(kdkAO4c}H3_
z%Z+kFmE*_CXFiZ_EKO<v{=TZhkBMWjK{Dg2POsD~cU9FwCU;zIR((CWI7yhW-}eD*
zim*QlyVo+|Qt7zb(+oP{tTXRk2f`cvR_W?0ImTdC0wlD}m&q<9U8HCz0w)_IdNwxI
zF#`@4@{=kRtl?sLRONy*TrQ8g92g^|cu-|9AuhtFDiK)WLU~l>Vu)NWkE)#DgiGl`
zm9eFBAwQ{7!VoT`2USMs!DaNI$`~BDke^bX{z|b#P(=K&$_r%9rV;@_Ri@?qupxSX
z;m`b-GhL&ATh@H}s2(F56P+Y%P!&@!W~o(8!Dv9;*X%~OJlSK=Z0NjLJVRQCq}-&$
zD*rq>sWzx%+eU<F8BnH!E!z=b5!265uy2n7^2Y*>qPmP7lR38Xv$n=3HABUT6W;RC
zu}uTqz*&x>NXE#xj;j1mHul(5Bfw222r>@Q_JHhMg2(hW(}&8<d0&%g5RNMOB$B>A
za;n*CN-Zx}(+I9U9b&_Ee;8nSg1;8PnPovl1sCGAhb1_B6lj%<vG$NAwAgv%H0iWq
zjc8c5DIQjip`0T2Tr+OGKdfY_s`*sa3{|<APgToO)$^(9S*k5P9%re_dAvwrqo{j*
zGmmDnxM7!o0EgC4*5uN~-;J<&H?yfZU=8&;+^7(`#$p7m*(|npw{Ix5Zr8#+*+5)~
z$n<9j#z$qlE2=^SA0Y8YU3tyD(6o!CCl<WgagJ(`QpRzL#f$I`21Z5$DvG}AY*dBD
z5hRrYLS=|i+BpB=998NJDV0p2lvUF*CaI;bXjj$^>)BFid2AO}xpl)XI_9FLT_ln8
z#4ajR{LWZ4%@%&ag2A5|Q6b8o&ycjx|1;a^Eju_r_klQgE0w<A;G}pZ1)Py|aZ=8^
z@f`9Xpz`<Jyn@+P>hfHN0P7`rZlJuO%6T<JJ#Y&%mb?y;o6UUS8EOAkz(`MmpbhK7
z=`FJv15z6m{YHRxa;)EOX+}sMr?(qj6pKFYC@_xmLxEQAV$j-5KM6tm(yB8kjDkgg
zehS$HT2;$Vh9=3vwUEdTsG`X5Af)WX@Uw0_A9tVx^P=xBXp!{rr(bAO<Ny6PR`nG3
z{Ft^|sOW$G>;I~<4m6D25-R-ou~aElDqOK<Ht5su4QSU1$G&*Dk4&UNFrLn^XTqq=
zL3Q09(<5puxu)}3iZmw6wOc46I%=~*7Yw>mDXv4g@FP+VA2NouKyCBJBy*Y+$inuA
z7D(G|tQL9)4d*pzu`$;iO2~yM%a!#+VarI!o-+aJvm>Dvk^p^%bX6eIjX|dakwgN=
zZfmKCnw6Dje42uKS*IZ5f|64CVaRL9uFg=gm#N(mxqN0ua`wu($|q6{gohs4GJPTe
zV{#qY?AHuyn^^PK3s-sHB=7oDS-quuNj8lhfnK?02a*$FWx#ZNImgx``;s1k$-V3z
zqygROn5ux8X9s#5a;&YF&y-=)@)`SQB~IsR$l0>eW|2rMeF!B>Z`HPprMI*#AFnr-
zjo9ueN^lgr&!1UTSxX3P5}Ep@K@&LY<7qI}j|J@YjX!BuDW#1N+j1qtw-?gJHZHZ1
zLvA&kl)1KS%4gPH-7w{tV{LZm$BbT6o))#T;BYd;&h0FpJWY1i^Y69(l}T!+$g{=l
z5VQ@GB+_Sl45XU@_Wq$4`X~%=AIe%$YzTztN0ATlqJ=ytlgD+OHC$lYFyX*G!e>D&
zKBM+rp>HEb3UsuwY@=Q#{-Wd4h~z;u&#PK{uDVvEWp!i3n!+}kPuP&^nm(wd<Rz9l
ztplYQpeD+lksgI6A{lK=TN7>c`$?9vAFu6a%T}5aqR{SOav6H@3*AG0nm_`Z`dBCU
zbRP~<F)teT890&KXY^;0*|OOP&^A9!NMiXUp&s%Up;&zru2|=R+lHvm9oZW1L$5|6
zm~Dmw)X%Pl1*>tIHKnM@pKIb<U+xPH^T%nAs21CS{VI-iGJDjdp#*z*Na~5TJf-^#
zn|`Ayv}<h!fs~2zEv4X%5vs0iD$c{!2x)-4=|@xN2kfR`nR^e<okhN26F=<Qa$l&a
zGvMT>jfMsp;e?H3h|8Ivp1=;EgkE7b#3t#GH<{LU%-K0&?73h!8|`pR%a4L-e7v;Q
zz>sL^Z=wY;rEOl^J_S#CN>h(bzaY!P7F7z_J4)4VLdJz7NF|`0=!YI8pU?P-95P_x
znei%>_-8XQdr&#lQ=Ab7B;g&@q(&m~35WF<I42J*?)<^nw4bvA6UFT@e=@M>^@vRQ
z^NFos!C4fKNx`^aJT7#HLH8PNPRlmsZR-KaCe%PV3i>$cwQDRE&OuI&w9y;OZZrID
z((&w&`y%a0q7m+bZco>?G%kEzG@Dal$-oJ*BcPVP8{t(8F~R9ecbLj=)3b!TBFmGZ
z%^^>Gx+gwnEC3&%wA7I|B9^A^2SJan&K3BeABXlK_EzvGWeah@hW~ILj~;&9>tW;l
z5#PxyCX2zr?Ra$f7d$w4m?S?w7|v$XN5$fDxjb4{k8uB>2y7`4=>vyN=Enz>+5=pM
zpgnPUUWCE272W>$fUaOwYWVkogYS}zetbZ8J|EB+qU+$t2e_nhpwHqCu#KT>M3mr_
z7SK)sR%Aau;5+V_;;Sf}=<=WbGL1$nB6g-Io?-Zvl5^~wIOT>@!`{(@pZ-$RBzVLm
ze)_nF8@nI(zN7mSANRhmR8f$D3bv}OEW^patTgE$@}DG2mg8;t#|P!+180TL;|I=d
zg+EsKKq*8>L_hr{B?XB^$qm;?cM>{G7%Nn41S?QFs#Z4lfzL+%fRJnuAO*p_;6k4Y
zDDPT38m4mgVpOW5JvlY9j*;Zl$T~)nGou>TD><8uFZ|V*{#-J8pUUGulRt-6^-Zd^
zqu`CX<$d8QM+Az@{@TuVDuguoYtWCJzE9WJtqpkjO3V{YK|@v7*>o#Frnwjo=Lskb
zP5?c$You<iee%*RSDJ?UvM_EeZ{8*4u*$dG=&GPape~sc^r`_II%K6dW7GqESZ<bj
z!QfCX?eH?BgExI?Q10@}o4(JV=>jks_=tm(h!7QzdE-zU9(0?GcE}aU#&v8na>P}h
z)R&Cbk?|Dd{-3^-oxMkCdejM+^vff(t}gx@#o-<8-jCAD)Q3(###b&V3!v+OF(E%?
zkMy78VvBo*i)piEq;9|A`x#TZm4@@(8LkrcaR0i8yLBrknFigkzrtaT<11RKo<>PX
zi6MUpfWI{;0wF#}o92eEVKD1-8qn{mfO{%XC3?yh(|I%wfoLfD_ya4*?-i*!5J9$q
zQw?RRmYkGLt(%b+LCRQ$o9)FOjEqZlCZ=WeqRq<Ep}t1?21gvYZ@8fe2!<5ViSVc8
z0ayQ9npph{XhLN0l~u8hc)c(VcrD|P?k@sB5UwlK@v*bT?K5oIW^bF<juy2(iCbQ9
z>M!E1&!fXvvi8T=|6}t8OilR`9eU=10=cIg6lVPn8OhEQ%XcMok@jo%w$r3-bcP?T
z&wBMQFzYo%ezmz$&?XDzJ)2aG7F^<1n6(n-3IOI-?Fl~<PrG5<9nnQ~s{_1QT(_F$
zXS9SBLpTk3DzDJz9C9ZK$8U9{@cX!mM^`%U=}FuQtp&5`$UC!dw^2X`;hNfhrbF>e
P%k=`9I^BBz&wu=X3k}0-

literal 0
HcmV?d00001

diff --git a/dist/css/tabler-buttons.min.css b/dist/css/tabler-buttons.min.css
new file mode 100644
index 000000000..054d99db8
--- /dev/null
+++ b/dist/css/tabler-buttons.min.css
@@ -0,0 +1,2 @@
+.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#8b929e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#8b929e;border-color:#8b929e;box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#8b929e;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
+/*# sourceMappingURL=tabler-buttons.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-buttons.min.css.map b/dist/css/tabler-buttons.min.css.map
new file mode 100644
index 0000000000000000000000000000000000000000..c8a7c7146abf6e10b2644fca03a7fe2430ca4d5e
GIT binary patch
literal 82018
zcmdsg4R;&Ik?mi>v%GoEiWD*UhW6|`p(rqM6vr!j6UTYkvu6MdNJt<+0U#+VC;$Cb
ze^gIZPxW*Uz$Dxk$25tasj9BNw{CaO2mboieX-pwH|wuncTc|BZSJ<SV)xbS|NGUe
zS7-45-E6lzyIY?9_w;VR->i41#pnGtf2BVD>ck$i-pq^tzS+$0R>kgYy4mb^aLBDW
z^=A2bx!$?co1b{K&F9Nvz2D)f^W|=TrlQ*C(^auOwSm1-5&hT6SL^&n#}B{W<hQrW
z^%eBytMl{8w<kAmE@qb}-<_YIpS-{L&E#bHM*aHp+jo~Ix&H0^*XJjXZ_Y0!=Ad^M
z|9Nf?djIyPb92!9^Iu=8gWyc~IdO+xzbTLX2)}EK@6X>&PJU9yPWTTU#OBTUx4%7U
zYg_F%lMK#!yto{^L7V3n&gA*G&f?_!<my6MySkX1!6`2<E;kq7)_QsO`;(sb0zWb0
z_oelp)vr3<pWlw(o}YY5$x|mKPjC<f3O~{7yNd(z^hxIldjOd{>0Dg?I+~@AI!hlf
zCclF;zP<cIO^(0=<Y=U$g`XI0O^%)$mH=`TO8_c`rTYe0f*dF;UB9Wx6L@KerK=Py
z?NYD=2f@h0PaK_tuw*!Qr)}N6nQQ>=yNk;YZ=+}$=u?24FM%w*i_0v|xk{DzAB3kH
zj;9e+9l%r9<-V*Q?*p~z5l#U--9q6FRzUF55KkXd@br*^CpZZ31V3G$4yjEhPdL((
z2T+iQi_2}iI=$5HU%r{#z$v4P%kgD2PnBv~gQsOmo`42%twXLHmnT!hG3S$ypl5d%
zmuH~DS_(-|JUn4ho(z6-elobY{QR4mJefL<is~XJ)_tveZuQC3am@Lo_gh_`zWg@5
zKHb47P@h)6t;v(A<A~Z=p7u~AXBXeusnff1>h#`ConTgUegd^M4ktJWXa_%!qMa$@
zFx+74)0@c-Bz|*ox&B==O~|3i5>9DfT=w79qzSx0dBVXcBc{a<r%vzRu9TL%xmZqc
zj_IaV@6VwY!u$oZL-447%~dz_#1bbt%2!?0ggK}aBs<`@B1T+zDuf$7Bf7bmd;*Mo
ze0zCahY?eou}rznlh}WLdk>?YCm;iCVc)}(YB&he06(7q8HlpUr|(s_FIV43k%3iX
zas{U-t^0ix8PzFC7#T3B4j}_DiP<69^^k$UtwjcO8<2q@n(V&QQ|0w{Qs)^m++2AB
zr@&<S?03=5V_|l~MPfI|_&EU?P>HbbVPwETfDHKg1js;?O*TJ(NtpWmASH(_x3Er5
zUcT4rp1qGI2P;z<aTpn!Ffss>m>rT`4;cvDT4X@C0T~FQ$*2F&)o=A5Qs)^mmbzvv
zFD5r|%GKM;@%J^I2QN@Cu`;>Nlh|u&#<xyQzEx@hwy^IaGTx~U;b=NnfknZ)+J!h+
zfyI-n88?5>HRJjZ)#SY6lU+>xWCS|}P&2;#XEZr=HRD^S7~g6&p*4fFsZvgAhHf!?
z8T24B+_lJnGilA({HSZjhaan*r`90^S2I4sDNr+pKh$&{yZ|yPHG{-%knvMO%>Y}q
z$k0k^5&}P;pk`qGnSA^c^c1G8KUI_CO<UbecK{nlFw_0~Q%!QrJOlApMjWmgu>BBH
z6R1|09l|@WW?)IHMTSumhw+;~YK&k1QR+Oa8E$`S38%msuwS?LVmgnS<vLGdH^_Kq
zGf=aj!8$)#=6VJ?{<D-ErY5ci_x`MF@co}_kOB6e;|$aw1MB?c<Ij4@arP&v^9&ho
z26_djzznqer<%?iWW3bk4?mH}6=XccJVUDq^4z&PNKL>Bs0k|5<Z7<x8N*pMIi;Gs
zQ#Bn)IqA&wJYzqrNe*}cWFY>^h{HAGA2QE?u!!(XmQ#)KabE2_tw_*$H_vzpOoDkv
zmPb2}_;a1FAfrf76G$P}OL3l|)ufu|LpF;5(0~k_0Zd*lVDSpoaUms#)eNkTlQx_J
zo8Q|-O>zuvP=H)=-i48I7giI<F=mHkmyR6_Hywz`sugDdldD2+=M3jk=UL6z=o#qd
zVlo0I-Mqd0GOy`8&<<#U0^~YRVmE5?%#dMbpbi-$n71fsbeHiBe20xkbrOK%c3HQD
zZxZzE&|&I^L&wW2=nL%j^{>PP$oLqjlK>!}uj&$D3TGT4?-Odr%#kBpI%aC^I&(-2
zNJ{;cLMT5_I0|K{m<(3X&C#37Y$fJ~6%MRhlLvK@+9F%k<pvH1_Ee|N;nD&7r=f``
zpgCST5b`QN!O~%-8@LZQ8GV4hz*U>>2QdK*99WtrJ#`Z7i{5{zOMt1JD8z2iD&^xx
z2^`<M1?=}~0b984hrwZn)cH9G97a_D`+yFhOAr1&dHLq@%SOx&g9m1Ra;Hv$g0tGh
zvjYSIPw*2bWJFoMS4hcK`}cYU3zs1rJV=|G?Z9v%Jamge9X$w?1;@M=9#GQYP%LSa
z0sO6&T-l9~0BRqCa0REMPJ)87zo|=rDW13@atR>u8+Cb#8L6IkRC9g!yaR%Vae<_C
zw$NAD`ue;T66CF8kqVQYIteaqec09|$nXcNj!O_h2$?!)g#0sRrM+9|3vB*>xfK(D
z5Z2rFZeH3}C&9#Yds~+Pqb^u=TmmWu<eAMsObv16pbflJ<=`GJk=uJ=s06SY;^rTp
z)JZV^xW21PkU<EN)g`C~A^(usDU2J`kg^;=D)iOHotOZI5H~-4R42jw<91h<0E3YD
z{Ns7okjKx^SEwQT&tifYLR<~msFR?EoITVf=$Y0K2n!J6c5mAE&=;s7_wqe93?Z(D
zJgAePhOF=738=3j-OKZnKV1AidQBFl1*o#&SqRP@N;V#@GB|mhJb+BXLhN!2x3<M<
z2+I8AMx6vxyYZKJf>6)OsA-LI1Mqeazrt-JpWe#XWuX*dhDenrGDRmB%2#BX>d^iO
zzbUluAH@W?0M%sZrQPJ3+^Lh`c97L$JOPMBmjDv~&u<k%eojCL)FbSF7$I<wH|IM9
zA!Zqa<2JeLLSLbV+;+tT$u;DoItj8m?9?U5EM!vWAqpWd4+$XzFo_u=8TJqY2SJA5
zXB|QyAX-BnGUyA`kZmR=fFZ=ykexaSYRHEyo`84_dEN-wK?f8<)(JPoI^HeSNq~@k
zKc1jxhY(L??qGJM5OUjVfRIn>BtXb@uPy;bX5$EXW-0?C23sLcWj>8nU!h)(#RRb$
z;#B5JouoDpMs*1SPp}z+)yfswz)bZYrZNx~)DVaE-4OZ$XkQP-1h5+7RA!@20+l%%
z#1jx#nI98W=AX0~vVnQF+6?&sH_OK+AuxM~3Jw$gmuHY2Sp8&Yb=fiesS0Cw5(1kc
zA&CKKVt`?ZLHyQA4B!>uf$OWuCm3_J8M1;qO@#z7c(~QijXDW7L&oE}1b`>t2h~0Q
zR?cTR34w8=m*;LiKn_4+u0P-aFoLrJ;z&0FHCCkivW(va{@f*Ia}9j~iTQ9XCV(Nt
zO+r4ZlR#pISMdbICFYq;LOg_ggp1Y+A!jQwK{7%HD>w-d@_7|c(6d8`sUcYSCpU1X
zk3z^bJWCU+Ar2u+brK+?|Di4criR23@>7Duz?{Iv7kqLHCk~~YAF_}!2*KJvS>8fl
z;l7|TT%;5d#1P^ta}V~7RAs(TczO%`fi%HSVauJYL-bM?ZVd{l4Ad_SFsw3I<Z4w0
zx(+IXwSV$)4Sj+8-_GFPVj%(0n5z!x4OQIvnp~-qUcxNwrVb(C2~-9*8C?QM{6=M-
z*)-K41kpCR+Cg7onmXKy31SFAnTLIPI0>ey`)yr<z|(V_rb1YBn!5Z1eSvy7z7-Py
zjU_^0_5oml3Cl~xE10HcxA6pEwfdimke7GRS3pSrPE3%DkhVGr5VF0CCkRR{WEFlU
z)R2G1cG;C$K><RBJ23&!C?I5{cm)XgvWq7mj*wDi$n(MP+*Mt;M-0k5siEmA^ZpQ(
zfq4PURGrF<K0{wYWxAg+L8J(Jm+hR&JgSpGWo|#$B?vr04FSq>l_B=^q*xEYyNb$?
zHhUWz21usT^dM3gYE=fpqAK(99{K_*)4xaia)2rbr!oU|5~$4Q`*;E>DnsIbmMUWq
z;#6kPhQ2}#$=aA8(g6=4PGug{Nl-)9?RbKoT@5h^!70mR^ay={8q$3f69A1u4e6<q
zpoZK(#uE^)Aw|MW6{2?W1#1W#1Z;$#u3jHrL)_LzuM2&Jt&J~T7XaO_U@C)bfPH#6
z2`=oey72^I;VGl0_T2#J8Uhz~Lo-!a5nzCX<N8-Sf>0RfvLSL&#%*m3GKc}THnI%u
zGm5wXRSj_$c01}MxUjoVc<37ok4pfF-_(#&Wx|hA5|s&GltJD*S4Z4F<W#0JfWCst
zd>)7iVhF*(p6t{~pfVo@bqFyt)r!i<15i;JI`}X+Pq&saGgY^i>Ghy5>RFzim;h)j
zYX}bZq^(W@mD%><2|!-CVXGkId9P*KW9TcW%>7tQ5JQMlnNR8@P?_s-JVDP+Weh@`
z%5;X%7qz!D6cYfAB|_X<=24vlDswxGCm^me&kP|jV)UZS;}tv#4G7s^#ow#p5VBDx
z0Yc8s>JkK=p5tm4$|srBPTDUGLhfHSK*)nS2@tY=S(gCt1PQ1?2)vfbzQyTcv);p-
zlhn(cezjb*zAo14jY+3h*PGoQUz^nW>tEKb)~||ucHR2=zF5yU+mqJUv(0L=Z7tWW
zulLu*O>wIK-kD=ttyk0i+FE(>S9{Xmun~+c*R$2#yl9y>Go9Y&+hxAqe*-UtTJLW2
zErfK^Vt*Ka=(qgui^XD5{$-B(<-e(bTdlvT|G*FU|6kU$d%MkSnXg#L;qD0s+x|7_
z8IPYtXhPNb+T86|%XM*@Vi%9a%mwYs8PKojk`kcajfMHtqbrOn#HS8R7|&o-a<3y+
z8}}J-es<P+qhCwbvYFcbWqo$0{%uY2-E#HVy1l!(ZGq|5yjbLSt9@&?e}uP`owV{@
z>!Db!)PG-JZ{QVZC#~0u&Fl`EUgxv@^1e9HcJlSS1#cWv#F@7?w|jU|+OD+#a^!Hb
zef5||pnlPr4|$b|uc!I!<JER^x1NJZ_4j5w2Y>o^Jpiv;`ah?S%TM2sqkm}*(b1ij
zMqan(`SxS6riY%ihOhen!cWj%$ic>ID{J%PsuB1Otyz<mXdtD1JRuZFrwrL1T8#y5
zxD@{KFY8~LQezJ`DAYy46&`$N-0Ad+X2}rKq~FlvHI4>9f4cd6y1UNjn+G@@YF+ua
zGNA_U7X~y~^e`5aI{lX|Q*um|6x*Y{*z93Cf%*tt?38x{RUOGI{rf*Ul2!{yc7DHE
z&Rcgoc*$PN;D5IPTD4~Rx^<iHb}iu3escqSfnQoCqpjQR=C;_b9#!y4EJ|TA2RNB&
zwaUD!fno!3(rW8}^vBx%>BDlqziw@>rujDz%r~w)S-!P0#gNvkzN^n5d#hc6nd9z`
zx32o<#>?PX6Z#jg$RDqE*PDmd|7rc=)g00SfLovLH&<6H7ZoClG6ccmNa4U-p^HOd
znPnsg&2wpKd6QoiuUqTQy7)IW#6J`_P#s$^4QSzsy8NjRZnwp5SIp0hS17IdzA&Q-
z{Z@nP!5O1NJez|on9E^!8eqxLQsrDj#>Ik6Z~d=-*S#*|;DC_NdIA^%N_-%4&qqU1
z<4}!<9u|j5lr@V={1X#^$fMP)R3Qhs@*{+$9^SGYM_UC@0_x(&A041}Ehqv2sK@`k
zEm~%hIycy$)dArb$1TAibXNEGS4^J$xrREymW%S&Q(b+THtSS`<&c_i_)=OA)k~jh
z1l=~-{ObQ0>Bn;%8|%c*<CZo9BcS3Bh?DW8dxb;gJh|bj#DItLQN_c`!F8|-N)xT-
zb(qG&jg{J2HctO(Mbyi<p8|ur|BtJgKQ6kW9A3Iab0&!};zT>KFdbE=$a+&F8eC{x
zK}E7lh~4r_0qX}|Db$DGe0`hG=P<`PeT2mm{{9($U%&$UR2>4pTXd+m72oab6xALJ
z^vAOv%U?h1INbcu+4`n5Yi24C;&=J_4i+4bu#B0lU<KXUZ`3^MehI5=m}{x^%U1mk
zA1h&=ZZ{9RVvCC&l}+b|#R=0}!)p^ZsF`vJi7|_-U*o%%$qEO{u%27%lA;r_EzA-J
zrVe+jmF<6R`PPlFlCmeF?11)Fs}fc>1vz$rovuL2(9TIqEwl6ODF*sYHfqm{s}nUt
zRsEemLg)~)jor)&&0jb(WG=SFZISQQl<3s_YAYf;NP*yWD=ThbWqG&X*h4D9UUm&7
z;h1P!CZ1D+B$Ri~$kL-L@ntdz34XKLF24Yr^Ock3lh$GjllN7z*ehUdmsi(&x4ypE
zLQ;xdYyYq@t5=x*ZEj)p470%P9zZz<C7++PrjM=NZ82Le9@Qctx5ujH+s$sNmeYDV
zsrR3BVA{?r$3q;&Qy4pK+I0h39#4nuHVh?r;vbLn$L4rgY|LQG>2<69FZNLPN!EtN
zumK*)lf{$|BTNApA%Wl@)+P<c#AO={w1^jk6&XV;NPjH0`{k@U5|Cgu5Yr93iT&oE
zHxiG}U?fZq{?0>TrNBXOzT6hDHMCjhtL7<y67;&&>%)JN5%;w&TNG^+UWthEJMsB+
zf4wbmOV{tmbaki1>}FXK>h^AXyK>uxr;6sUTYX0+O<JgC+hU&FF_}u#uPx8oTT-WK
zbp{^!y?%TKz4ivu<@l-lszh5Mbh%!`*CXKgka7vjAHM+#W^nY3y;4tS%k4}9f;fON
zB36UYjEoX|Z^ZJpnA@$J*Jdy0>xb**9`N@n>%;cV*ZCTDM;bFpp9N<diRtt~3doGG
zRr$c++Z;`QANptdAE>UI`4hQHa=Qgh**+Sju><m=(;iG`Jv~z(vS3?DaOMcM{GzR9
zQD1c?ZcwTVDt2yC^+_Xw$qn;}Z9#8l)kiN4*-newlSjv4)(O=WW&2fUTih7nbUP=o
z+dYII;{nWU)p9ZzzFk^M@sm|2?$%Ya9ofE9{e7C$v#W15#rA>)UcV5cGkqYt#$d+o
zJPJp9Tao58GCy~_<1nW({~VZgx3ZJ+j*aM8;0>FC2bkj{+2_t*)+7VFVzybs<rR;r
zqv^OaE}ovM&fNiIB{BJ3d|}%vXfOR$>FU}JAZ$V`DTK|sV<2k}$eQ&>A;!8m@iHC7
zj%$?m*rjnkmbVE#H>1FK>%t5(*BxSe660=p{88*}I0VR1Q0MZV01^sbIQ^>`exxwZ
zT4lLUDT=sJ+o(8~q3tTWoWgfA_yQ}tNsJEr#WZiX{|*E;&JLh2iKs$f+g7Eo^(K(l
zv>ZU)gg9^r@JfkP^~XIR?MTUNkheB?L1}k3`g*0sqda{3@(@$ngbquLWzh>ti_xVi
zEgtRlrJ2&E=Uk?#%{n&viR6iTT9Pi;i;eMz4DI#ve9?J&hAK}7(36Byp{H%D&{Mmr
za#MYL05KCHNFnAxN$L<-+3CS_Se^vyzy)6F$m>a|5Ajg!11ZMHgq{kFBtZ*wB%#NY
zQ|dx9A|~e;smA2e_zx&0&&|`4@FCx>)uyZ#XXN1`pSIimr{|${b^sMgL=`I9wh9%|
zTa}Hr<p4q^#F0YCP9Mma4M8gVAwFXC0wpp0dRF35M-nrk#{w~V^a3|AI@5<3J@II-
zFU=U*An77UT@V49@=QG~P3N$81=sRCmi7kyzr)^<@pTYMT|fd!bz6m`)>)OKrr{up
zMx#iksM5?4%xY!Hw6O~ewZYdD)E?wvx~Xt3@@RJjezMR7da@40*eQ490CFa!TjVB&
z5Tqte($i9Nr7nqj%<M0Qi|Nzrr*?G+G0S+W#58RcVj5pnUh2;ep=CUVBwF@BF*`lj
z(CzfI5HU^c0xwPQ^|Um{L|EDF_u754Qh|(C0QF)K@2$W}8n-}78hwnDVlNs}GCkEI
zCv6BJO0o=9GDx>~5EseYKkD9i&PXy|)zR{O@v9!RwZanR=>S5Ka4LkfZL+H>A5{bg
z&@mwbOncpyPrrN88h}8Kg6m41A%TiI?s_KbLn1_stt%7yDG-qaE%1<p9;2bug=Q>F
z%&^En<2^t?o|&g2;3A(D)6K@C9~q@8{a$pZ{qcBY<dR=-v@L`SXg^3gaHTDYWx3n#
zjfXRA=e|1gUU%4~R|lOh$~yco$hl(!NTJ;bu8d@v+HM_y68f`K43S?P!B2x%Mce^L
zQqCq4`$4Pri_W-P404-fdpQLCO4mWKEqVdO9q0w$jBJT{^~hHG4p5E2UxsB#fT|pr
zHbnt@i34w3N4K8RmA1H!A<YPxd`mK^2tAL9-i~&~CncBP$VpazrN0lGoFlc-*%!3P
zH_WNww+1OvInYC!8H$#<!SQt~dc~iome(Uz`$EYx0?IV15+ggtu##Q(ubkj@su_iv
z4THy|YA69l@x;}N7h%r+VY!F9o;YC$IR$OX=6QyfB>4E)7D6X$US<(-BeJMHAI;|h
zX==|#{dt>86S|`0v7d3yxGi1nAC<3?uonsLv7pz@2L~`8%!Yc2CTyEv)NDG4VTa~|
z*zTdSDb;Kau@g*{+S6eHcVU^Kv{d7<GKOJ9F=F9yUgXXAl$KGCN6vGAJ~1#7)K>(F
z;NBA?>y^`snDX?981l-SH6#;>7!--b+hd%?ii0jGp}aOuta>r(C?Oia28DRV%`+^E
z5sqPq7oL%0Z(>PKTVSjh8O)s^euV6h8X>}-AH|zyBjEAJj~tu*qQjF`sjB|g0p6ps
z*|>*$h59V0(0tY_dYQCBvMoe~uC#TTJ2BqR+ueR=fGWYcGaGa}9W0XOP9NimQpPyv
zOcA;$5;ws)R_{6q>U2PUvNrrs_eS_@BbyydDtpJ0?niLaXZz%#(T74TwKjd&1ExRI
zX=l;taQ$I{GWoIb#MmT<-AsIva*5=?3)&`|_-WHT5vW(Bhk)Ia9@AN_Jj9ZxJj9My
z&1}~7^Ra&9#GZ`blB9K!%N{9-u=>~$)J+&nM0PrG!D<Mb0|S7+4}ES{79H!-(nEn&
zTq@YZj-&)nD6ckbh~$(p0&vA)-LT}T5gfTYO{tQedgO*>3?G<R*os4r^^>P7Rcs!?
z`rXvNN&-!hVkM}}V$p{GNor$Th}u~52g=RZIjS&bHq&i_D@qmX{y@QryT@`}D>!{1
zTNg;D{`E<R`C)>CQHN-T?ML#<rV#tUCC7|0Tk`N&ndV?bjB^5`@Hj8>hEz&PD6+(I
z$T>c6#X~S(fg(Y@Cp*?F*BxTY(;Z^SD{0nHh(?qq72?A#6K&^pH13kp2`dq1vx)Sm
zL4y*g{_j0y<5`uJ2VI6Z;Tbu0xs#l;z(6q~aPi?iiK`DDe>`W>((f^+lGq@FD9S1*
z46JqTmp6rXmv6oJWI1fc<dXQ<7NQ8+c!)E~4X$J=(Y}CZ9E#Z#+c{^l&bU8a(Cs$k
zh%!Zga+vHSxW<xQCp!Ze?My9kI$hx!kcrrm$>7t39O9R0^)Tp9LCDaFQ(&7p44)}Z
z)*j8KxPG*(qERxvp|OS;B*xrKYf`f45ypBA(j)@B65kb}Aqe+`M*HM4(}XC<acxE>
z3^6AUZCc!3xik(baabsvK#{eLdL(QF`^%lKu&!rjWrZ>07Q#O>aICuUWO~)bB$Ca%
zm~$IF;{!V&dNGtA?QyypKROMv?(xKnBET1(s!E{_$jW@XoKE3&oSYJ*JPFI1BJa&c
zV@X+T3sDxdFLQ<X5xG(fI{DDu9ma>h=x4=XO2x(bqBOw|IYWf?+o1tqjjodztt?qv
zUDMICJ8xcxF><=$r@{R+cYp`Xreb3=i5+2LGoNMopwD;I(67WVY>QIM9q0w$kX1^u
z6B6q&s&pP8Qxupb1uEi0NZ^SNy5(eRLMJQ*Xi26Ou_&WDEqYIaoKH$GKOj!Ch!83L
zQO|B<(!|TR%*o-m21!ym(8F6}vZUrNl)ah-4`w(@o>-@vlBm%*cwDN+65vz>l>vde
zTJEp!rkpW^oq{}NqimQBC3&(fM4pUwnMK5l$f9;n{Ufe?rYq22Doxf8WsdoX^CeZ5
zqOP%)*NKw4!9=|oKzuuZ&N`=@4LCIKv(3lR%Onn?r%FUqYN=(DDiDf=YUh8(DBFdX
zLvBW%ge-c5L9YRt#9&9@U6CFFa8G)SQ%)md$=hEecDyoX?8t;6_C&()c0QYndZg6B
zl4CQeo3M^YBu6jv)zT-tyJov+an84-tj7=syugm*!i(g5$zvq&!i$d`A@IXH-0My=
zo^;YP@A1WtBETD-t<?3;at*H^gtvL!aB2_|3JO#7;Gq?>C*~2ywh)DJ4rI;{M<QqD
zMYib4BJ*P2&59noo2_(4>Eb>;Ol%TDz=B;THy!l`sj*rDWgtBM*0zh0YmWOkIKL~8
z@ZgCBAyrdtHnA&IdtS^&*{nO~t03oCS_Zks=v1ye(u=<#y%MwQaf^5l&?*K{!i9<)
z5jJ>o<ot5l5o1weVOemdWP%ZsBEfh&7bOzES7J-2lxUTZIN>7F)KRw^K$RTV+;UL*
z73Ik_2kBA`(Su!6+9c;Mm_epOTyFjTgr{=Rel?_1v%&CKB?J>-7tda*Xx%R1tEk}X
zBK)UiHCN5Tr(){Gbl!$4CM}C>3lS~nK;~4eCX7ezfn9-BYQks+ZMdPN?|v(tQ7*Yp
zIfqiKc|r(S>FY!*8-rG<$2SMUvk)#su37HmAPLJOjwGK=CiaAB7QBSCpW$OzmVC~!
zq*<;ps#)ccUi{5SmY7_RT*P^RR55rGCRE@_xZp{a^UEcR81p2HnDT0$GbPiDm=q<8
zw{yu#aY|{1rOJiG=~gdUnR-kJR7(|0e?nI=%t=yd4w9vMqzAgDij|zc;HcFoR+&e3
zkYOm>e2Dg|A(<MDg~ur&mH@YS@+vA5*u=YU^cd@)JL=}*W30A?DAj%Vsc|R+xH(se
z^F_ZiY>&Ix&N<YZ5AqSavIJfzY3{=hiXZC~OL?s*bwG?V{pO>Q@ahH#mQ4;JTKl&$
z&M*i~N0Q0r3d3d!)Ef_aBkyi(7o4Ba7+tENHsnV%X&xt(!vG0l0z&{?5f}ntPhfnK
z5G$Ut5F1{N3ekbs5+#MVb2`*|qqM*(0-4hvV_~ir5jDfgx`5+sP$MG_H{Pwj;41`f
z63&qzPtHztG#IS;;>Lw;sZgU43XA+3?V5o<Imd|jYL>AD2NfscJU5j>8xVx8|4vy#
zDPhBHvB>+O8>w{*Q3Nn8PpgOvkpuHFOsCD=+7;H$W}_aod2T59!7WEUCg=&=Vs)((
zg^s$hAR7Xiq`Rk8QY=pl2vxWt;;1$cZvLppI%V^Pfiqc{E`}=4CYP2mWqeE*$|%De
z5u$BIj(Fw}`<4~j<AKsZkX!+oZBvQyqyapd5hy{GP6(`nU?fBgXG|nUV$5FgQ|>51
zNEn<b_3~gwM?Z!WUSud=4BpgP2<G&dBjKK$At6U5ykM$WbB#nm3VhNYLW6`vdu(87
z46>pYVF8g?td_Hnjb1X)ZV$Tl*?(`!WLro9H`YUpPz4TG2Nh9!0b47bY2fkBcDpyr
z$5bk;CrSqM5$8e4?W3Jz-K`T0B@>yN6zgXb{pGujnUTr{9paO1K9Wi{eb@u09MCox
z&$x21KpBfzxVA+gkQ{b1?j+^X;|=-^QYMB12la}O5U_hfVw`d<X+jz#yRjpahu9P4
zgtzmx28rA&mDVFA5f6rwsa{mzj(;^J?x?3cedKeivaHy#3o(J4@XK=3xm0q#<cu)^
z;VTf<jW9#%yVHy*4KnZX#g8Ju8=kF7=?+NEbh)42%{~^5uBa##n2A?ZYzt8v=RoF+
z;(EQ{^tyRaaJt2q2~O#Z(#3tsnUXF$(Gaj`M`fq2HjOjkl8TFw^Ui%7T(gu%9IZb(
zo7fdkf4ZZQr$5fIjo8x25Y08(xWgPPkM!biMlUTy3EB0yMZ5=S6$hx}f*?n_O<31B
zzrG?lW0h%~Gv!q~XG$g*;c7sXoXfiSgH9>Yuu{2@IN_qwq}~DAX~UfWA!%}kIZLX3
zV*=$29j{S|=?f;XMyARr*+Ifwu9|_P*aTwLU@SaN39$sY6~Sgevi3PVw$o^JM86}E
zPrGaj(JNzJ=2EN{Wbo$1JaBC#8~3~LiqfhlN+9E$vnExh5}adguahaY4u*#?6%mEo
zacp)hy-cmQL5C=3n>{=>oeSFZVGo!(Wy2o4`i`%TSfEUrSh!(blEZE$N=do&*n@rp
zl!-x*K)q7V3D~{Wk#Wkkh*<Kph}iL}nz193hu9N^h_}aRibckHq$J`^oJ{o+RR2|<
z+^(!ZcJxAA;3kgMp5%<lqr^0Yua8(a!W^mZPBX4F%Du-KKaK!*c)pTXNbp_OoEe0J
z!X+ExCCVH1J=ro_h!2r13DurRjrK!1qCVivcvdo_<7FbF0}jzjH~xbKhJ<JdVpl#Y
zvy588bWIAl8C~k7MF;1R#P|$QBL+7D>ISl+Typ9VJ5h2Vt956@_o)$UB1w3As-$Rt
zlq@t5PMW8X6YY*+o%su4o*i@~_LKAE2?+_Eae&1Z;{rR_>qs+Bq)CVl+T#X~A;1xy
zrBwM?uIJ0EM(?i~^oPCKT)JP`wvfVZtRE&Jy-`26-yC1zba&CuW*J?rSWlD}<|EFC
zR2fNdj&uFG)k>zGuF_9YcQWD0HXAf!myJ5aE8FY=vFUQf<`28TmMh(9Z$2IJ<q8Xw
zafyX%TLeXs!*0f(v}AhJLB|2o#Ds-_y#hi4cW=F7oN{R)mON=8cDw>+?8x*X_C#^v
z?Oa@<9x08m_}EP9Cd6C4z+`Q8_gDrm5)c>b+_1c0u}(v5;3ke;uq3BU9ww$Fe8IxH
z5oSq!cN(&#QSv?3_<;o2!xNS&Ik$J)+h#Ae$@~36er1|%A(CUP%bba^ecb8Jion&J
z(M&znNhQa6qFgZ_9VR&m&aqzCN{+hKEX&k|9O>;HHfSa}HtG<`Z1a(lWAleyV3IR}
zcXAj0BQY8!(#0DVZkSAR*bPaPluVC2=r}-{7zhd2E0ROt?n#bu$|Z+b@+61Y@oJf|
zBh!c26D5bYbIFN%q%^|vV>8)Aa@4}pyfd)oI*silBZ22LL<aA$BT12*F?p0skd^{m
zact_?5yHHzzB>)c(j@mDXZ$z<+~N637M$g}(Q__~!C*d~N-G@OLgfZ*%WR4999|zV
zhNm#Zg1G2*=R^D!F?<-4KkEVyG<mo4r><=h9Ai**LZiQ<)I1=dzSh>iCaU7&b2=Sy
zh*!GtNH*E5Vem|17M*SeZ>%#TXW2wTWE>)a+Rp{%NC7wFOG*Mgni!`6azp`F!nz_X
z1lYc?RLN7?@nnTq@e5X%CZ#n|R0tXCqL%!Ll2V~f{TimzQ}01*t2veQhCo-hDrl!I
z!MkJFLC2z>C6cQz8yG27OeZ`gQ5j?H0vqZ&(v%hH3HR8+g9x#Nr72ZHw#A&!tq9qK
zi!9_j%YBNNZ!;$f0;UfXkTGm3g#=`r_27GMJU5gO;P$X}$|CL-D{!rRsBgC(t9zX@
zK|NGbtW+2@s&GTvq1uimkI5GX&ZT1nFKEEWPAz%L_?U8(QHF&>h_)d^qM7q}p*@D^
zpn;6DkP01M5F}U2Z;543G{B=r7jvk}Z<G*7V=xjRMrllz4A$;d!ZK#B4k~w)AS4V<
zl!#!c=YQ3NXjHQRQN9?wsk0Ew=`qK`JvBo@j!byLRI%n7rGOOpq-{!r#6){+U}+4o
zg5{^eiol&;n{B?n@~$XGbOMTLM_y@|7E-{C^#CJcEM5$Yb{|>pF=9A`SCUYvu$~wh
zbk{f!lGht?=U8{^1w-BXrQY|VzJAkRZrGSPsZ7v8KAGlYsbtcJJz&aFz)P}SYLQCX
ztF*6Wx)7ggiD5V8PC_ny-dMjO%0waPpkCF066~Ikn4EZ8(u6d3`_*z?oLYE@m+2R!
zJy}jzyGNcfavWdok&%csaWch3MU9tQiu8obh*;4?4sf4AF7U&S<wR=6<eV`H;fs+}
zj?{MN5UwQV-sg-LN02*|8>w>hSgcl?2cH{?hGy%kVh1L3Q@E$uw0bx;EktgN^~2<5
z-X9MFZ(xR3Hjd`dR`o=gVw`h^q{>Z#b1c^Na-%L@j$nZzQO;(E$&C#<L^0cZB(-e%
zum?<Trs`z~m|9CM7ATvvv2bmRG0R>>BZu9TLJ7I_sDplklyN|pi*^b1s@#-d_vFSn
z^(a+Zsw`bJod}e%5*s@K@|5<DiQFrl)*~em4~CN|CO0s(&W0d2(oD<NH0zO3z;hX*
zf_K=Flps~DZm3)EKfRUCy^Aw3*2VaYj34fGrzus^Q|~c`_bdF8q<Z`X);3q$qF8&x
zC}(`a7FfTS<}mkF6~&{CZ6UPL#sh3AorrAdO~>j5Fk(II^+rQC{nkTo98r?!PdGPH
zg(kr@hE*pt`dWQ92C_*nh%pf}l9`Z0+%l~m2F<{=TFG5AnZxjz%5;mN8dx)YmQplI
zCNebEu*QfnH{(r87CpXLuLlYY!FL_PJ%Q0aIgN;+C{d8&+KfyXVooFsZ|Ac>+eVnl
z9a7@37EYjgaZy+2vk|}@3SDItZ!4+kA45I&7eYTj>PQwOr^*u+8a-nJkIwWV%nE+A
z*OzAONYA;)5if=SS9qc->yCh=?2CNGsi13paP`ue&ZblGi!*Ht!L70_^Mm*h`O)d+
z)3Ld|xx(vCC(q#Jl)fKI3+0%zA+_cvIL3NhCnsuitdptvwvrT|U^*|1S32Mjophsz
zyrx=WlZLS~E$Ot!gAv~6U|B>$WaJ@%hB+ez+>9y-`SUnpd<Liyg<A>gD%?z)f}1BJ
z$|a{x6LKJ_l@*yJ#F|W!w5YwhsQpp0&_Fn8>Lo<2$UFL5`?QXD-`Yp5%2!$Rh=nju
zPxr4-G{$~vo}^4Mec($M(t$7+>N?Vl6Akk1af8PY;79~*0r{9c=8YC4*)Z=+#kUvR
z7E;!gZJ8M{K4;w#yk1vck7VG8zrR@fp^Q);a3-Y6M}lK4!FBSXzI05l{NaiAs(k2p
znSAJgLsZg@N6Lpy8ph7#BWn-aL;N0VOCb`XrG}vn2{cR@Dd1*QNywi^5#uvJjVRno
zP*>!Gz}k}!<&w)s6LKJ@l@*yJ#F{7{yq&K>NYq|Y)cz=0Xds+4_41*<WK3U3%<8Vu
zYj+Im%wGue?4V<@pEkOcoh=eN;{c1zbRf(HcCgoxW}Ik{Z;u;1h5$!6no?IE57*1R
zcdfqLhp!JaH&h85T7-(;I^DJq{m{l`ZV)FTH;S41M;4G`p#Guj595fELVv>9fD-Zq
zuCWZ)Nr--LWk-Flc1OLa#b1J$kQuQ|%ppdZRu6&xOf1?rlRAu_$;f=6{^2`XG)l%H
z8f%z5V$2O$(@`tANE$u9ShoS9#BxLsUJ(<5aZgONPp&4!P?Rc2acxGX3^6BChPQJ$
zA#r<hVjNQHuuwRKB7&lB4c0G2)<1m2GrRJN#0*@B0n9*bP4YyeToDzMFQyuNQ9}C=
zW=3sa8Zx9w+C8RtVFVb%k(DYf@U@kXVM0`_yvU1bcPhTG(zXy~QMM0b$#^`5D`m2<
zj636T&c6Ih`=R7eA8<~ftVELZBEd11<vLl>d&b#VT^>`n4f`b10W($65r-(H8zY($
z?U>0L2G2BQG=-dcnnFUf{4fL}frfb_1>B4-DGBsgVw@gE4hrjvoDg7pa-v*v@-(3b
z(pp)OX+o@tV#3?Gn2@MFG12}gU1%VjHuX{hFN;$PaP_>2y7$CKIW;RQi5{{L>gnk*
z9f_eoIZ;xoYGj0TAk2okjx=ONgM@qR;6Vgf!qZeK{(;Rcm4wrIzHRi}Vt+9h4TrkI
zd($r4;^~NXAhRSk_`Rav9|WE~>5Y1eK0YsDFT2~`*a0oeo(_TYBUM%sLcq#gD=X?-
zkF(AYesqP^iW>;dHurJxp_KB7BUQ$x6Z^tcrq}I_``#U2&asU+kaNaBW1QXh<;?hX
zq9MIf)9Z1IxDOC322sL>iu@2h2=XHkj~I(mi<X5NiV>5d5b<^{L?nKpx*De;H4-RS
zFG*@6I8(1Z7QZ08+FL6=d~r~YXNoqN7>^`Qasq=XWE`pQk7b!aq)LL0BUIDT@OULe
z6W|w5U#f8BU+%Wvwi+R-u&vhX=lQ~Jx^a-(79v{O_+f(8$;SC2aGzM#ANLBJt82kB
zjwpllCx;1Df@>`9bwV{(5;am+K6}EGWhP=qJri<>Zl?7}irLIz_)MF!_NXYl_lVIb
znJ&>-!&DMuZl*^mS@bAly#{DP&@Gm6g71n95rlg(q<!*b5HaLQ5HaJGGHpgC3^8|1
z+@eED94t5{i@L@1OJ$=D?*lb2Qx8&hdcqe{FtdDa#+rijGk(;OJmAT!DPv-~YGlS_
zjU7-UG3IEmFU|PTB<mheyo?6;!c&zhE34&ABUKqr=bf(jq>F7Ks-kSm9EovzFrJP&
zV|hz$(9P!^EPq;5v>!?h^}%71lHeF?avjAoePc%k!lHD=-)qqEGDXn=hXh48de}pz
zr>^O2(lB<WC;fTe?RaY)5+aim5@=XWq=1`|B_V$vM~u$^HDYihpsq*>fwd<k$|YA4
zV#iYwV#TXe%8E=9Voekh-p*@d#2+OKRu`SY1~QVVtIr+vj)}g2acWgo5$!L8d3w4(
zt#69`<UC0u!xVzAR7eNHT&U|vLr$dU+v5h0A;1xyrBwN7x|2q(p?M6kEkr()ZJ8M{
zK6eJ4qC1u41HOf8)Md9CYd@3`>Vw1NBf&A2;5zwGqA`YlVWwYI4;?O34;^oaNxJb!
z^{_d^(3yH<vyOVxf*Ci<AQGZwhG7l~G|U(&;ATvTr_UpZaTy>+3~U6_74aaT_QXTE
z<l;f>M5%#{R#s$+5No1%@OCa9Bx<iDYJZd}G!Rai`Zb7>i~+2+)wfOg(<5qAmJU5$
zA;8nqkCl$(EJ=B)kq**<FcIoH(u@$v+4gwBBM9(==O`*1XaD-5wcFfnXT^8<ExdN`
l>JLBs?%&P#&YVu~_WR9x_i6@T?R=Bpw*K|(tN;4j{{!9Mq^SS^

literal 0
HcmV?d00001

diff --git a/dist/css/tabler-flags.css.map b/dist/css/tabler-flags.css.map
index e13879269e210a3ffb2b3a0a2671dae35ed73333..cd7fb4475d97b1fbbd27b186f434801a4cd057a4 100644
GIT binary patch
delta 309
zcmaDqpK0kLrVT!le8nNYI<Ah6j@H(WE)^k@>m<eaN|A)Bz(P#rA)BX3R)tUgT9_)M
zl9*hQS(d7sly0R^l%ABRp^}tSnyRCqXJDo|nX%ApGE=+QWbeXNn`4WLIKx#Eb5e^+
zfQof<Qp-|vtQ2%D6ckfZ(-KQ_N~~k@VAA<TDXB$pC1zNZB<JVk!&O*pK3sjBW%G=N
zUPeBZl%o8Cl>G8M-JHz4?8&#ARVFWM<P$}5CBns%#hY@(b25udih)*xXx;Rp{L%v5
n%#zgH$sLVylQ}!MS->2_X1U4rO)X6N`kR@Xn|UU$>URYIr0i}%

delta 122
zcmZ3wi0S=&rVT!ld<Mb3I<Ah6j@H(WE~deg>m<eajF5!P!9q+X!JDT^R)tSqP^iw4
zUX)m=Yhhq8`C{R=$pVF`n_G%XIXB1DoMzdq+1SlES-d%J^6ln^&9N=bJe<k-Ir&Ap
Q8KtR{=S`5F{9uAB0MxWB>;M1&

diff --git a/dist/css/tabler-payments.css.map b/dist/css/tabler-payments.css.map
index 8b1f68655780a1f1c6fbf3efc429111f8343fa14..543c85c07a50a4ebda58538fa2fbb73b0bc0752c 100644
GIT binary patch
delta 369
zcmeA?#JK+m<Aw-sFN;uL9al$3M{8?GmyEC=Ygb2SSDj2JN5^6(5WB=lC(>CPNlg|G
zHR)lS7jbu(P3Ct_l~GAdF3BuQ)lEvbQYcDKO4LwE$|+6NQP49m)0`~rWH$M5q}b$C
zr&XKFor^fbRT6Vji%Nisb#qe7Qgf^nbS)GVQ&Q6sOLI!BWAb3q`9&$IMQ|l%Sd=8^
z=j6jxSZu!QbDd@Lrodjt$yQNZEIFBZ*^|G9s7!tr#3zd6K7?B*8wTgN<YX3?6ay^<
z(YonH`K1NAnI);Yx&?_TDVcfcx|LQ6dZtCGxhU47DV{tpL~ioT;1(u*{mrr=%{-Hj
HB)9?q{!4#g

delta 152
zcmdmggt7Aw<Aw-suk27?9al$3M{8?Gmx9nBYgb2SSDj2JN5^6(5WB=lC(=0=Nlg(B
zHTj{N7jbu(P2T0C&XHb}SgC7aU@-Z$)3(W4PN|#cIhS&7F7rLjve`MPn{l#XNZjPF
aAq|_$Lz{Uxlk;=(i*z$eQzzd~OaK7Utu;{q

diff --git a/dist/css/tabler.css b/dist/css/tabler.css
index 1ba7a5517..78a0cf680 100644
--- a/dist/css/tabler.css
+++ b/dist/css/tabler.css
@@ -24,7 +24,7 @@
   --lime: #7bd235;
   --dark: #354052;
   --primary: #206bc4;
-  --secondary: #5f6877;
+  --secondary: #8b929e;
   --success: #5eba00;
   --info: #45aaf2;
   --warning: #fab005;
@@ -1028,19 +1028,19 @@ main {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #eff0f1; }
+  background-color: #f3f4f5; }
 
 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody + tbody {
-  border-color: #bfc3c9; }
+  border-color: #d1d3d8; }
 
 .table-hover .table-secondary:hover {
-  background-color: #e1e3e5; }
+  background-color: #e5e7e9; }
   .table-hover .table-secondary:hover > td,
   .table-hover .table-secondary:hover > th {
-    background-color: #e1e3e5; }
+    background-color: #e5e7e9; }
 
 .table-success,
 .table-success > th,
@@ -2011,29 +2011,29 @@ main {
 
 .btn-secondary {
   color: #ffffff;
-  background-color: #5f6877;
-  border-color: #5f6877; }
+  background-color: #8b929e;
+  border-color: #8b929e; }
   .btn-secondary:hover {
     color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b; }
+    background-color: #767e8d;
+    border-color: #707886; }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b;
-    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+    background-color: #767e8d;
+    border-color: #707886;
+    box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #484f5b;
-    border-color: #434954; }
+    background-color: #707886;
+    border-color: #6a727f; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
 
 .btn-success {
   color: #ffffff;
@@ -2213,24 +2213,24 @@ main {
     background-color: transparent; }
 
 .btn-outline-secondary {
-  color: #5f6877;
-  border-color: #5f6877; }
+  color: #8b929e;
+  border-color: #8b929e; }
   .btn-outline-secondary:hover {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
   .btn-outline-secondary:active, .btn-outline-secondary.active,
   .show > .btn-outline-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
+    background-color: #8b929e;
+    border-color: #8b929e; }
     .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus,
     .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
   .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #5f6877;
+    color: #8b929e;
     background-color: transparent; }
 
 .btn-outline-success {
@@ -2572,9 +2572,9 @@ main {
     text-decoration: none;
     background-color: #f1f3f8; }
   .dropdown-item.active, .dropdown-item:active {
-    color: #ffffff;
+    color: #206bc4;
     text-decoration: none;
-    background-color: #206bc4; }
+    background-color: rgba(32, 107, 196, 0.06); }
   .dropdown-item.disabled, .dropdown-item:disabled {
     color: #aeb3bc;
     pointer-events: none;
@@ -2690,7 +2690,7 @@ main {
 
 .nav-link {
   display: block;
-  padding: 1rem 1rem; }
+  padding: 0.5rem 1rem; }
   .nav-link:hover, .nav-link:focus {
     text-decoration: none; }
   .nav-link.disabled {
@@ -2763,8 +2763,8 @@ main {
     justify-content: space-between; }
 
 .navbar-brand {
-  padding-top: 0.8125rem;
-  padding-bottom: 0.8125rem;
+  padding-top: 0.3125rem;
+  padding-bottom: 0.3125rem;
   margin-right: 1rem;
   font-size: 1.171875rem;
   white-space: nowrap; }
@@ -2784,8 +2784,8 @@ main {
     position: static; }
 
 .navbar-text {
-  padding-top: 1rem;
-  padding-bottom: 1rem; }
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem; }
 
 .navbar-collapse {
   flex: 1 0 100%;
@@ -3266,60 +3266,60 @@ main {
     color: inherit; }
 
 .alert-primary {
-  color: #0d2b4e;
-  background-color: white;
-  border-color: #e9f0f9; }
+  color: #061527;
+  background-color: #d2e1f3;
+  border-color: #a6c4e7; }
   .alert-primary .alert-link {
-    color: #061322; }
+    color: black; }
 
 .alert-secondary {
-  color: #262a30;
-  background-color: white;
-  border-color: #eff0f1; }
+  color: #1c1d20;
+  background-color: #e8e9ec;
+  border-color: #d1d3d8; }
   .alert-secondary .alert-link {
-    color: #0f1114; }
+    color: #040405; }
 
 .alert-success {
-  color: #264a00;
-  background-color: white;
-  border-color: #eff8e6; }
+  color: #132500;
+  background-color: #dff1cc;
+  border-color: #bfe399; }
   .alert-success .alert-link {
-    color: #0c1700; }
+    color: black; }
 
 .alert-info {
-  color: #1c4461;
-  background-color: white;
-  border-color: #ecf7fe; }
+  color: #0e2230;
+  background-color: #daeefc;
+  border-color: #b5ddfa; }
   .alert-info .alert-link {
-    color: #112839; }
+    color: #020609; }
 
 .alert-warning {
-  color: #644602;
-  background-color: white;
-  border-color: #fff7e6; }
+  color: #322301;
+  background-color: #feefcd;
+  border-color: #fddf9b; }
   .alert-warning .alert-link {
-    color: #322301; }
+    color: black; }
 
 .alert-danger {
-  color: #641c22;
-  background-color: white;
-  border-color: #ffedee; }
+  color: #320e11;
+  background-color: #fedadd;
+  border-color: #fdb5bb; }
   .alert-danger .alert-link {
-    color: #3c1114; }
+    color: #0a0303; }
 
 .alert-light {
-  color: #626364;
-  background-color: white;
-  border-color: #fefeff; }
+  color: #313132;
+  background-color: #fdfdfe;
+  border-color: #fbfcfd; }
   .alert-light .alert-link {
-    color: #494a4a; }
+    color: #181818; }
 
 .alert-dark {
-  color: #151a21;
-  background-color: white;
-  border-color: #ebecee; }
+  color: #0b0d10;
+  background-color: #d7d9dc;
+  border-color: #aeb3ba; }
   .alert-dark .alert-link {
-    color: #010102; }
+    color: black; }
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
@@ -3385,7 +3385,7 @@ main {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 0.75rem 1.25rem;
+  padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   background-color: #ffffff;
   border: 1px solid #dee1e7; }
@@ -3521,15 +3521,15 @@ main {
     border-color: #0d2b4e; }
 
 .list-group-item-secondary {
-  color: #262a30;
-  background-color: #eff0f1; }
+  color: #383a3f;
+  background-color: #f3f4f5; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #262a30;
-    background-color: #e1e3e5; }
+    color: #383a3f;
+    background-color: #e5e7e9; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #262a30;
-    border-color: #262a30; }
+    background-color: #383a3f;
+    border-color: #383a3f; }
 
 .list-group-item-success {
   color: #264a00;
@@ -4225,9 +4225,9 @@ button.close {
     color: #154782; }
 
 .link-secondary {
-  color: #5f6877; }
+  color: #8b929e; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #3d434c; }
+    color: #646c78; }
 
 .link-success {
   color: #5eba00; }
@@ -4497,7 +4497,7 @@ button.close {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #5f6877 !important; }
+  border-color: #8b929e !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
@@ -5430,7 +5430,7 @@ button.close {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #5f6877 !important; }
+  color: #8b929e !important; }
 
 .text-success {
   color: #5eba00 !important; }
@@ -5484,7 +5484,7 @@ button.close {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #5f6877 !important; }
+  background-color: #8b929e !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
@@ -8087,31 +8087,12 @@ body {
       background: transparent; } }
 
 /**
-Topnav
+Top nav
  */
 .topnav {
   border-bottom: 1px solid;
   background-color: #ffffff;
-  border-color: #dee1e7; }
-  @media print {
-    .topnav {
-      display: none; } }
-  .topnav .navbar {
-    margin: 0;
-    padding: 0;
-    min-height: 3.5rem; }
-  .topnav .navbar-brand-logo-sm {
-    display: none; }
-  @media (max-width: 767.98px) {
-    .topnav .navbar-brand-logo-lg {
-      display: none; }
-    .topnav .navbar-brand-logo-sm {
-      display: block; } }
-
-/**
-Topbar
- */
-.topbar {
+  border-color: #dee1e7;
   position: absolute;
   top: 0;
   right: 0;
@@ -8119,21 +8100,48 @@ Topbar
   padding: 0 .5rem;
   z-index: 1020;
   min-height: 3.5rem; }
-  .topbar + .topbar {
-    top: calc(3.5rem + 1px); }
-  .topbar + .topbar + .topbar {
-    top: calc(7rem + 2px); }
-  .sidebar + .content .topbar {
+  .topnav + .topnav {
+    top: calc(3.5rem + 1px);
+    z-index: 1019; }
+  .topnav + .topnav + .topnav {
+    top: calc(7rem + 2px);
+    z-index: 1018; }
+  @media print {
+    .topnav {
+      display: none; } }
+  .topnav .navbar {
+    margin: 0;
+    padding: 0;
+    min-height: 3.5rem; }
+  .topnav .nav-link {
+    height: 3.5rem; }
+  .topnav .nav-item.active {
+    position: relative; }
+    .topnav .nav-item.active:after {
+      content: '';
+      position: absolute;
+      bottom: -1px;
+      left: 2px;
+      right: 2px;
+      border-bottom: 1px solid #206bc4; }
+  .topnav .navbar-brand-logo-sm {
+    display: none; }
+  @media (max-width: 767.98px) {
+    .topnav .navbar-brand-logo-lg {
+      display: none; }
+    .topnav .navbar-brand-logo-sm {
+      display: block; } }
+  .sidebar + .content .topnav {
     left: 16rem; }
     @media (max-width: 1199.98px) {
-      .sidebar + .content .topbar {
+      .sidebar + .content .topnav {
         left: 4rem; } }
     @media (max-width: 767.98px) {
-      .sidebar + .content .topbar {
+      .sidebar + .content .topnav {
         left: 0;
         padding: 0; } }
 
-.topbar-fixed {
+.topnav-fixed {
   position: fixed;
   z-index: 1030; }
 
@@ -8151,7 +8159,9 @@ Content
 .content {
   overflow: hidden;
   min-height: 100vh;
-  padding: 0 .5rem 0; }
+  padding: 0 .5rem 0;
+  display: flex;
+  flex-direction: column; }
   .sidebar + .content {
     margin-left: 16rem; }
     @media (max-width: 1199.98px) {
@@ -8163,18 +8173,18 @@ Content
         padding-left: 0;
         padding-right: 0; } }
 
-@media print {
-  .content-page {
-    padding-top: 0 !important; } }
-
-.topbar + .content-page {
-  padding-top: calc(3.5rem + 1px); }
-
-.topbar + .topbar + .content-page {
-  padding-top: calc(7rem + 2px); }
-
-.topbar + .topbar + .topbar + .content-page {
-  padding-top: calc(10.5rem + 3px); }
+.content-page {
+  flex: 1;
+  display: flex; }
+  @media print {
+    .content-page {
+      padding-top: 0 !important; } }
+  .topnav + .content-page {
+    padding-top: calc(3.5rem + 1px); }
+  .topnav + .topnav + .content-page {
+    padding-top: calc(7rem + 2px); }
+  .topnav + .topnav + .topnav + .content-page {
+    padding-top: calc(10.5rem + 3px); }
 
 /**
 Sidebar
@@ -8386,8 +8396,12 @@ Navbar logo
   .navbar-nav .nav-link {
     padding-left: 0.75rem;
     padding-right: 0.75rem; }
-  .navbar-nav .nav-item:hover .dropdown-menu {
+  .navbar-nav .nav-item:hover > .dropdown-menu,
+  .navbar-nav .dropright:hover > .dropdown-menu {
     display: block; }
+  .navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,
+  .navbar-nav .dropdown-menu .dropright .dropdown-toggle:after {
+    margin-left: auto; }
 
 .navbar-brand {
   padding: 0;
@@ -8558,9 +8572,10 @@ Navbar logo
   color: #354052; }
 
 .btn-secondary {
-  color: #5f6877;
+  color: #354052;
   background-color: #ffffff;
-  border-color: #dee1e7; }
+  border-color: #dee1e7;
+  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 100%); }
   .btn-secondary:hover {
     color: #354052;
     background-color: #ececec;
@@ -8569,7 +8584,7 @@ Navbar logo
     color: #354052;
     background-color: #ececec;
     border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(203, 207, 214, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #354052;
@@ -8577,46 +8592,59 @@ Navbar logo
     border-color: #b9bfcc; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(203, 207, 214, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
-    color: #5f6877;
+    color: #354052;
     background-color: #ffffff;
     border-color: #dee1e7; }
 
-.btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-secondary) {
-  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.02); }
+.btn-outlined-secondary {
+  color: #ffffff;
+  border-color: #ffffff; }
+  .btn-outlined-secondary:hover {
+    color: #dee1e7;
+    background-color: #354052;
+    border-color: #ffffff; }
+  .btn-outlined-secondary:focus, .btn-outlined-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outlined-secondary:active, .btn-outlined-secondary.active,
+  .show > .btn-outlined-secondary.dropdown-toggle {
+    color: #ffffff;
+    background-color: #354052;
+    border-color: #ffffff; }
+    .btn-outlined-secondary:active:focus, .btn-outlined-secondary.active:focus,
+    .show > .btn-outlined-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+  .btn-outlined-secondary:disabled, .btn-outlined-secondary.disabled {
+    color: #ffffff;
+    background-color: transparent; }
 
-.btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-light):not(.btn-link) {
-  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 90%); }
-
-.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 {
-  -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05));
-  filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
-
-.btn:disabled, .btn.disabled {
-  cursor: not-allowed; }
-
-.btn .icon {
-  margin: 0 .25em 0 -.25em;
-  font-size: 1.2em;
-  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.5; }
+.btn {
+  font-weight: 600; }
+  .btn:not([class^="btn-outline"]):not([class*=" btn-outline"]):not([class^="btn-ghost"]):not([class*=" btn-ghost"]):not(.btn-secondary) {
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.02); }
+  .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 {
+    -webkit-filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05));
+    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.05)); }
+  .btn:disabled, .btn.disabled {
+    cursor: not-allowed; }
+  .btn .icon {
+    margin: 0 .25em 0 -.25em;
+    font-size: 1.2em;
+    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.5; }
 
 .btn-lg svg.icon, .btn-group-lg > .btn svg.icon {
   stroke-width: 2; }
@@ -8649,1624 +8677,6 @@ Navbar logo
     .btn-list > .dropdown:not(:last-child) {
       margin-right: .5rem; }
 
-.btn-ghost-primary {
-  color: #206bc4;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-primary:hover {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-  .btn-ghost-primary:focus, .btn-ghost-primary.focus {
-    color: #fff;
-    background-color: #206bc4;
-    border-color: #206bc4;
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:active, .btn-ghost-primary.active,
-  .show > .btn-ghost-primary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-ghost-primary:active:focus, .btn-ghost-primary.active:focus,
-    .show > .btn-ghost-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-ghost-primary:disabled, .btn-ghost-primary.disabled {
-    color: #206bc4;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-secondary {
-  color: #5f6877;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-secondary:hover {
-    color: #fff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-  .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
-    color: #fff;
-    background-color: #5f6877;
-    border-color: #5f6877;
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-ghost-secondary:active, .btn-ghost-secondary.active,
-  .show > .btn-ghost-secondary.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-    .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
-    .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #5f6877;
-    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-ghost-success:focus, .btn-ghost-success.focus {
-    color: #fff;
-    background-color: #5eba00;
-    border-color: #5eba00;
-    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:active, .btn-ghost-success.active,
-  .show > .btn-ghost-success.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-ghost-success:active:focus, .btn-ghost-success.active:focus,
-    .show > .btn-ghost-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-ghost-success:disabled, .btn-ghost-success.disabled {
-    color: #5eba00;
-    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-ghost-info:focus, .btn-ghost-info.focus {
-    color: #fff;
-    background-color: #45aaf2;
-    border-color: #45aaf2;
-    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:active, .btn-ghost-info.active,
-  .show > .btn-ghost-info.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-ghost-info:active:focus, .btn-ghost-info.active:focus,
-    .show > .btn-ghost-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-ghost-info:disabled, .btn-ghost-info.disabled {
-    color: #45aaf2;
-    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-ghost-warning:focus, .btn-ghost-warning.focus {
-    color: #fff;
-    background-color: #fab005;
-    border-color: #fab005;
-    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:active, .btn-ghost-warning.active,
-  .show > .btn-ghost-warning.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-ghost-warning:active:focus, .btn-ghost-warning.active:focus,
-    .show > .btn-ghost-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-ghost-warning:disabled, .btn-ghost-warning.disabled {
-    color: #fab005;
-    background-color: transparent;
-    border-color: transparent; }
-
-.btn-ghost-danger {
-  color: #fa4654;
-  background-color: transparent;
-  border-color: transparent; }
-  .btn-ghost-danger:hover {
-    color: #fff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-  .btn-ghost-danger:focus, .btn-ghost-danger.focus {
-    color: #fff;
-    background-color: #fa4654;
-    border-color: #fa4654;
-    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-ghost-danger:active, .btn-ghost-danger.active,
-  .show > .btn-ghost-danger.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-    .btn-ghost-danger:active:focus, .btn-ghost-danger.active:focus,
-    .show > .btn-ghost-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-ghost-danger:disabled, .btn-ghost-danger.disabled {
-    color: #fa4654;
-    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-ghost-light:focus, .btn-ghost-light.focus {
-    color: #fff;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb;
-    box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:active, .btn-ghost-light.active,
-  .show > .btn-ghost-light.dropdown-toggle {
-    color: #354052;
-    background-color: #f5f7fb;
-    border-color: #f5f7fb; }
-    .btn-ghost-light:active:focus, .btn-ghost-light.active:focus,
-    .show > .btn-ghost-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(245, 247, 251, 0.5); }
-  .btn-ghost-light:disabled, .btn-ghost-light.disabled {
-    color: #f5f7fb;
-    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-ghost-dark:focus, .btn-ghost-dark.focus {
-    color: #fff;
-    background-color: #354052;
-    border-color: #354052;
-    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:active, .btn-ghost-dark.active,
-  .show > .btn-ghost-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-ghost-dark:active:focus, .btn-ghost-dark.active:focus,
-    .show > .btn-ghost-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-ghost-dark:disabled, .btn-ghost-dark.disabled {
-    color: #354052;
-    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-facebook:focus, .btn-facebook.focus {
-    color: #ffffff;
-    background-color: #30497c;
-    border-color: #2d4373;
-    box-shadow: 0 0 0 0.2rem rgba(88, 114, 167, 0.5); }
-  .btn-facebook:active, .btn-facebook.active,
-  .show > .btn-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2d4373;
-    border-color: #293e6a; }
-    .btn-facebook:active:focus, .btn-facebook.active:focus,
-    .show > .btn-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-facebook:focus, .btn-outline-facebook.focus {
-    box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5); }
-  .btn-outline-facebook:active, .btn-outline-facebook.active,
-  .show > .btn-outline-facebook.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3b5998;
-    border-color: #3b5998; }
-    .btn-outline-facebook:active:focus, .btn-outline-facebook.active:focus,
-    .show > .btn-outline-facebook.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-twitter:focus, .btn-twitter.focus {
-    color: #ffffff;
-    background-color: #0d8ddc;
-    border-color: #0c85d0;
-    box-shadow: 0 0 0 0.2rem rgba(63, 175, 244, 0.5); }
-  .btn-twitter:active, .btn-twitter.active,
-  .show > .btn-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0c85d0;
-    border-color: #0b7ec4; }
-    .btn-twitter:active:focus, .btn-twitter.active:focus,
-    .show > .btn-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-twitter:focus, .btn-outline-twitter.focus {
-    box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5); }
-  .btn-outline-twitter:active, .btn-outline-twitter.active,
-  .show > .btn-outline-twitter.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1da1f2;
-    border-color: #1da1f2; }
-    .btn-outline-twitter:active:focus, .btn-outline-twitter.active:focus,
-    .show > .btn-outline-twitter.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-google:focus, .btn-google.focus {
-    color: #ffffff;
-    background-color: #d03526;
-    border-color: #c63224;
-    box-shadow: 0 0 0 0.2rem rgba(225, 105, 94, 0.5); }
-  .btn-google:active, .btn-google.active,
-  .show > .btn-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c63224;
-    border-color: #bb2f22; }
-    .btn-google:active:focus, .btn-google.active:focus,
-    .show > .btn-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-google:focus, .btn-outline-google.focus {
-    box-shadow: 0 0 0 0.2rem rgba(220, 78, 65, 0.5); }
-  .btn-outline-google:active, .btn-outline-google.active,
-  .show > .btn-outline-google.dropdown-toggle {
-    color: #ffffff;
-    background-color: #dc4e41;
-    border-color: #dc4e41; }
-    .btn-outline-google:active:focus, .btn-outline-google.active:focus,
-    .show > .btn-outline-google.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-youtube:focus, .btn-youtube.focus {
-    color: #ffffff;
-    background-color: #d90000;
-    border-color: #cc0000;
-    box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); }
-  .btn-youtube:active, .btn-youtube.active,
-  .show > .btn-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc0000;
-    border-color: #bf0000; }
-    .btn-youtube:active:focus, .btn-youtube.active:focus,
-    .show > .btn-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-youtube:focus, .btn-outline-youtube.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); }
-  .btn-outline-youtube:active, .btn-outline-youtube.active,
-  .show > .btn-outline-youtube.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ff0000;
-    border-color: #ff0000; }
-    .btn-outline-youtube:active:focus, .btn-outline-youtube.active:focus,
-    .show > .btn-outline-youtube.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-vimeo:focus, .btn-vimeo.focus {
-    color: #ffffff;
-    background-color: #139ecb;
-    border-color: #1295bf;
-    box-shadow: 0 0 0 0.2rem rgba(60, 194, 237, 0.5); }
-  .btn-vimeo:active, .btn-vimeo.active,
-  .show > .btn-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1295bf;
-    border-color: #108cb4; }
-    .btn-vimeo:active:focus, .btn-vimeo.active:focus,
-    .show > .btn-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-vimeo:focus, .btn-outline-vimeo.focus {
-    box-shadow: 0 0 0 0.2rem rgba(26, 183, 234, 0.5); }
-  .btn-outline-vimeo:active, .btn-outline-vimeo.active,
-  .show > .btn-outline-vimeo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1ab7ea;
-    border-color: #1ab7ea; }
-    .btn-outline-vimeo:active:focus, .btn-outline-vimeo.active:focus,
-    .show > .btn-outline-vimeo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-dribbble:focus, .btn-dribbble.focus {
-    color: #ffffff;
-    background-color: #e62a72;
-    border-color: #e51e6b;
-    box-shadow: 0 0 0 0.2rem rgba(237, 103, 155, 0.5); }
-  .btn-dribbble:active, .btn-dribbble.active,
-  .show > .btn-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e51e6b;
-    border-color: #dc1a65; }
-    .btn-dribbble:active:focus, .btn-dribbble.active:focus,
-    .show > .btn-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-dribbble:focus, .btn-outline-dribbble.focus {
-    box-shadow: 0 0 0 0.2rem rgba(234, 76, 137, 0.5); }
-  .btn-outline-dribbble:active, .btn-outline-dribbble.active,
-  .show > .btn-outline-dribbble.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ea4c89;
-    border-color: #ea4c89; }
-    .btn-outline-dribbble:active:focus, .btn-outline-dribbble.active:focus,
-    .show > .btn-outline-dribbble.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-github:focus, .btn-github.focus {
-    color: #ffffff;
-    background-color: #040404;
-    border-color: black;
-    box-shadow: 0 0 0 0.2rem rgba(59, 58, 58, 0.5); }
-  .btn-github:active, .btn-github.active,
-  .show > .btn-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: black;
-    border-color: black; }
-    .btn-github:active:focus, .btn-github.active:focus,
-    .show > .btn-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-github:focus, .btn-outline-github.focus {
-    box-shadow: 0 0 0 0.2rem rgba(24, 23, 23, 0.5); }
-  .btn-outline-github:active, .btn-outline-github.active,
-  .show > .btn-outline-github.dropdown-toggle {
-    color: #ffffff;
-    background-color: #181717;
-    border-color: #181717; }
-    .btn-outline-github:active:focus, .btn-outline-github.active:focus,
-    .show > .btn-outline-github.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-instagram:focus, .btn-instagram.focus {
-    color: #ffffff;
-    background-color: #de1f44;
-    border-color: #d31e40;
-    box-shadow: 0 0 0 0.2rem rgba(232, 93, 119, 0.5); }
-  .btn-instagram:active, .btn-instagram.active,
-  .show > .btn-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #d31e40;
-    border-color: #c81c3d; }
-    .btn-instagram:active:focus, .btn-instagram.active:focus,
-    .show > .btn-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-instagram:focus, .btn-outline-instagram.focus {
-    box-shadow: 0 0 0 0.2rem rgba(228, 64, 95, 0.5); }
-  .btn-outline-instagram:active, .btn-outline-instagram.active,
-  .show > .btn-outline-instagram.dropdown-toggle {
-    color: #ffffff;
-    background-color: #e4405f;
-    border-color: #e4405f; }
-    .btn-outline-instagram:active:focus, .btn-outline-instagram.active:focus,
-    .show > .btn-outline-instagram.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-pinterest:focus, .btn-pinterest.focus {
-    color: #ffffff;
-    background-color: #980617;
-    border-color: #8c0615;
-    box-shadow: 0 0 0 0.2rem rgba(199, 45, 62, 0.5); }
-  .btn-pinterest:active, .btn-pinterest.active,
-  .show > .btn-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c0615;
-    border-color: #800513; }
-    .btn-pinterest:active:focus, .btn-pinterest.active:focus,
-    .show > .btn-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-pinterest:focus, .btn-outline-pinterest.focus {
-    box-shadow: 0 0 0 0.2rem rgba(189, 8, 28, 0.5); }
-  .btn-outline-pinterest:active, .btn-outline-pinterest.active,
-  .show > .btn-outline-pinterest.dropdown-toggle {
-    color: #ffffff;
-    background-color: #bd081c;
-    border-color: #bd081c; }
-    .btn-outline-pinterest:active:focus, .btn-outline-pinterest.active:focus,
-    .show > .btn-outline-pinterest.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-vk:focus, .btn-vk.focus {
-    color: #ffffff;
-    background-color: #527093;
-    border-color: #4d6a8b;
-    box-shadow: 0 0 0 0.2rem rgba(122, 150, 181, 0.5); }
-  .btn-vk:active, .btn-vk.active,
-  .show > .btn-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #4d6a8b;
-    border-color: #496482; }
-    .btn-vk:active:focus, .btn-vk.active:focus,
-    .show > .btn-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-vk:focus, .btn-outline-vk.focus {
-    box-shadow: 0 0 0 0.2rem rgba(99, 131, 168, 0.5); }
-  .btn-outline-vk:active, .btn-outline-vk.active,
-  .show > .btn-outline-vk.dropdown-toggle {
-    color: #ffffff;
-    background-color: #6383a8;
-    border-color: #6383a8; }
-    .btn-outline-vk:active:focus, .btn-outline-vk.active:focus,
-    .show > .btn-outline-vk.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-rss:focus, .btn-rss.focus {
-    color: #ffffff;
-    background-color: #d98c00;
-    border-color: #cc8400;
-    box-shadow: 0 0 0 0.2rem rgba(255, 179, 38, 0.5); }
-  .btn-rss:active, .btn-rss.active,
-  .show > .btn-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #cc8400;
-    border-color: #bf7c00; }
-    .btn-rss:active:focus, .btn-rss.active:focus,
-    .show > .btn-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-rss:focus, .btn-outline-rss.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.5); }
-  .btn-outline-rss:active, .btn-outline-rss.active,
-  .show > .btn-outline-rss.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ffa500;
-    border-color: #ffa500; }
-    .btn-outline-rss:active:focus, .btn-outline-rss.active:focus,
-    .show > .btn-outline-rss.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-flickr:focus, .btn-flickr.focus {
-    color: #ffffff;
-    background-color: #0052b6;
-    border-color: #004ca9;
-    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.5); }
-  .btn-flickr:active, .btn-flickr.active,
-  .show > .btn-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #004ca9;
-    border-color: #00469c; }
-    .btn-flickr:active:focus, .btn-flickr.active:focus,
-    .show > .btn-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-flickr:focus, .btn-outline-flickr.focus {
-    box-shadow: 0 0 0 0.2rem rgba(0, 99, 220, 0.5); }
-  .btn-outline-flickr:active, .btn-outline-flickr.active,
-  .show > .btn-outline-flickr.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0063dc;
-    border-color: #0063dc; }
-    .btn-outline-flickr:active:focus, .btn-outline-flickr.active:focus,
-    .show > .btn-outline-flickr.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-bitbucket:focus, .btn-bitbucket.focus {
-    color: #ffffff;
-    background-color: #0043a6;
-    border-color: #003e99;
-    box-shadow: 0 0 0 0.2rem rgba(38, 108, 212, 0.5); }
-  .btn-bitbucket:active, .btn-bitbucket.active,
-  .show > .btn-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #003e99;
-    border-color: #00388c; }
-    .btn-bitbucket:active:focus, .btn-bitbucket.active:focus,
-    .show > .btn-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-bitbucket:focus, .btn-outline-bitbucket.focus {
-    box-shadow: 0 0 0 0.2rem rgba(0, 82, 204, 0.5); }
-  .btn-outline-bitbucket:active, .btn-outline-bitbucket.active,
-  .show > .btn-outline-bitbucket.dropdown-toggle {
-    color: #ffffff;
-    background-color: #0052cc;
-    border-color: #0052cc; }
-    .btn-outline-bitbucket:active:focus, .btn-outline-bitbucket.active:focus,
-    .show > .btn-outline-bitbucket.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-tabler:focus, .btn-tabler.focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
-  .btn-tabler:active, .btn-tabler.active,
-  .show > .btn-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-tabler:active:focus, .btn-tabler.active:focus,
-    .show > .btn-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-tabler:focus, .btn-outline-tabler.focus {
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-tabler:active, .btn-outline-tabler.active,
-  .show > .btn-outline-tabler.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-outline-tabler:active:focus, .btn-outline-tabler.active:focus,
-    .show > .btn-outline-tabler.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-blue:focus, .btn-blue.focus {
-    color: #ffffff;
-    background-color: #1b59a3;
-    border-color: #195398;
-    box-shadow: 0 0 0 0.2rem rgba(65, 129, 205, 0.5); }
-  .btn-blue:active, .btn-blue.active,
-  .show > .btn-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #195398;
-    border-color: #174d8d; }
-    .btn-blue:active:focus, .btn-blue.active:focus,
-    .show > .btn-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-blue:focus, .btn-outline-blue.focus {
-    box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:active, .btn-outline-blue.active,
-  .show > .btn-outline-blue.dropdown-toggle {
-    color: #ffffff;
-    background-color: #206bc4;
-    border-color: #206bc4; }
-    .btn-outline-blue:active:focus, .btn-outline-blue.active:focus,
-    .show > .btn-outline-blue.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.5); }
-  .btn-outline-blue:disabled, .btn-outline-blue.disabled {
-    color: #206bc4;
-    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-indigo:focus, .btn-indigo.focus {
-    color: #ffffff;
-    background-color: #485ac4;
-    border-color: #3f51c1;
-    box-shadow: 0 0 0 0.2rem rgba(124, 137, 213, 0.5); }
-  .btn-indigo:active, .btn-indigo.active,
-  .show > .btn-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #3f51c1;
-    border-color: #3b4db7; }
-    .btn-indigo:active:focus, .btn-indigo.active:focus,
-    .show > .btn-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-indigo:focus, .btn-outline-indigo.focus {
-    box-shadow: 0 0 0 0.2rem rgba(101, 116, 205, 0.5); }
-  .btn-outline-indigo:active, .btn-outline-indigo.active,
-  .show > .btn-outline-indigo.dropdown-toggle {
-    color: #ffffff;
-    background-color: #6574cd;
-    border-color: #6574cd; }
-    .btn-outline-indigo:active:focus, .btn-outline-indigo.active:focus,
-    .show > .btn-outline-indigo.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-purple:focus, .btn-purple.focus {
-    color: #ffffff;
-    background-color: #923ce6;
-    border-color: #8c31e4;
-    box-shadow: 0 0 0 0.2rem rgba(179, 118, 237, 0.5); }
-  .btn-purple:active, .btn-purple.active,
-  .show > .btn-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #8c31e4;
-    border-color: #8526e3; }
-    .btn-purple:active:focus, .btn-purple.active:focus,
-    .show > .btn-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-purple:focus, .btn-outline-purple.focus {
-    box-shadow: 0 0 0 0.2rem rgba(165, 94, 234, 0.5); }
-  .btn-outline-purple:active, .btn-outline-purple.active,
-  .show > .btn-outline-purple.dropdown-toggle {
-    color: #ffffff;
-    background-color: #a55eea;
-    border-color: #a55eea; }
-    .btn-outline-purple:active:focus, .btn-outline-purple.active:focus,
-    .show > .btn-outline-purple.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-pink:focus, .btn-pink.focus {
-    color: #ffffff;
-    background-color: #f44982;
-    border-color: #f33d7a;
-    box-shadow: 0 0 0 0.2rem rgba(247, 131, 170, 0.5); }
-  .btn-pink:active, .btn-pink.active,
-  .show > .btn-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f33d7a;
-    border-color: #f23172; }
-    .btn-pink:active:focus, .btn-pink.active:focus,
-    .show > .btn-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-pink:focus, .btn-outline-pink.focus {
-    box-shadow: 0 0 0 0.2rem rgba(246, 109, 155, 0.5); }
-  .btn-outline-pink:active, .btn-outline-pink.active,
-  .show > .btn-outline-pink.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f66d9b;
-    border-color: #f66d9b; }
-    .btn-outline-pink:active:focus, .btn-outline-pink.active:focus,
-    .show > .btn-outline-pink.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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: #fa4654;
-  border-color: #fa4654; }
-  .btn-red:hover {
-    color: #ffffff;
-    background-color: #f92132;
-    border-color: #f91426; }
-  .btn-red:focus, .btn-red.focus {
-    color: #ffffff;
-    background-color: #f92132;
-    border-color: #f91426;
-    box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
-  .btn-red:active, .btn-red.active,
-  .show > .btn-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f91426;
-    border-color: #f8081b; }
-    .btn-red:active:focus, .btn-red.active:focus,
-    .show > .btn-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(251, 98, 110, 0.5); }
-  .btn-red:disabled, .btn-red.disabled {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-
-.btn-outline-red {
-  color: #fa4654;
-  border-color: #fa4654; }
-  .btn-outline-red:hover {
-    color: #fa4654;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-  .btn-outline-red:focus, .btn-outline-red.focus {
-    box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-outline-red:active, .btn-outline-red.active,
-  .show > .btn-outline-red.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fa4654;
-    border-color: #fa4654; }
-    .btn-outline-red:active:focus, .btn-outline-red.active:focus,
-    .show > .btn-outline-red.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 70, 84, 0.5); }
-  .btn-outline-red:disabled, .btn-outline-red.disabled {
-    color: #fa4654;
-    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-orange:focus, .btn-orange.focus {
-    color: #ffffff;
-    background-color: #ff7e05;
-    border-color: #f77800;
-    box-shadow: 0 0 0 0.2rem rgba(255, 162, 75, 0.5); }
-  .btn-orange:active, .btn-orange.active,
-  .show > .btn-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #f77800;
-    border-color: #ea7200; }
-    .btn-orange:active:focus, .btn-orange.active:focus,
-    .show > .btn-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-orange:focus, .btn-outline-orange.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 146, 43, 0.5); }
-  .btn-outline-orange:active, .btn-outline-orange.active,
-  .show > .btn-outline-orange.dropdown-toggle {
-    color: #ffffff;
-    background-color: #ff922b;
-    border-color: #ff922b; }
-    .btn-outline-orange:active:focus, .btn-outline-orange.active:focus,
-    .show > .btn-outline-orange.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-yellow:focus, .btn-yellow.focus {
-    color: #ffffff;
-    background-color: #d59604;
-    border-color: #c88d04;
-    box-shadow: 0 0 0 0.2rem rgba(251, 188, 43, 0.5); }
-  .btn-yellow:active, .btn-yellow.active,
-  .show > .btn-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #c88d04;
-    border-color: #bc8404; }
-    .btn-yellow:active:focus, .btn-yellow.active:focus,
-    .show > .btn-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-yellow:focus, .btn-outline-yellow.focus {
-    box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:active, .btn-outline-yellow.active,
-  .show > .btn-outline-yellow.dropdown-toggle {
-    color: #ffffff;
-    background-color: #fab005;
-    border-color: #fab005; }
-    .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus,
-    .show > .btn-outline-yellow.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(250, 176, 5, 0.5); }
-  .btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
-    color: #fab005;
-    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-green:focus, .btn-green.focus {
-    color: #ffffff;
-    background-color: #4b9400;
-    border-color: #448700;
-    box-shadow: 0 0 0 0.2rem rgba(118, 196, 38, 0.5); }
-  .btn-green:active, .btn-green.active,
-  .show > .btn-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #448700;
-    border-color: #3e7a00; }
-    .btn-green:active:focus, .btn-green.active:focus,
-    .show > .btn-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-green:focus, .btn-outline-green.focus {
-    box-shadow: 0 0 0 0.2rem rgba(94, 186, 0, 0.5); }
-  .btn-outline-green:active, .btn-outline-green.active,
-  .show > .btn-outline-green.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5eba00;
-    border-color: #5eba00; }
-    .btn-outline-green:active:focus, .btn-outline-green.active:focus,
-    .show > .btn-outline-green.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-teal:focus, .btn-teal.focus {
-    color: #ffffff;
-    background-color: #24ab9d;
-    border-color: #22a193;
-    box-shadow: 0 0 0 0.2rem rgba(75, 211, 196, 0.5); }
-  .btn-teal:active, .btn-teal.active,
-  .show > .btn-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #22a193;
-    border-color: #20968a; }
-    .btn-teal:active:focus, .btn-teal.active:focus,
-    .show > .btn-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-teal:focus, .btn-outline-teal.focus {
-    box-shadow: 0 0 0 0.2rem rgba(43, 203, 186, 0.5); }
-  .btn-outline-teal:active, .btn-outline-teal.active,
-  .show > .btn-outline-teal.dropdown-toggle {
-    color: #ffffff;
-    background-color: #2bcbba;
-    border-color: #2bcbba; }
-    .btn-outline-teal:active:focus, .btn-outline-teal.active:focus,
-    .show > .btn-outline-teal.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-cyan:focus, .btn-cyan.focus {
-    color: #ffffff;
-    background-color: #138496;
-    border-color: #117a8b;
-    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
-  .btn-cyan:active, .btn-cyan.active,
-  .show > .btn-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #117a8b;
-    border-color: #10707f; }
-    .btn-cyan:active:focus, .btn-cyan.active:focus,
-    .show > .btn-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-cyan:focus, .btn-outline-cyan.focus {
-    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:active, .btn-outline-cyan.active,
-  .show > .btn-outline-cyan.dropdown-toggle {
-    color: #ffffff;
-    background-color: #17a2b8;
-    border-color: #17a2b8; }
-    .btn-outline-cyan:active:focus, .btn-outline-cyan.active:focus,
-    .show > .btn-outline-cyan.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
-  .btn-outline-cyan:disabled, .btn-outline-cyan.disabled {
-    color: #17a2b8;
-    background-color: transparent; }
-
-.btn-white {
-  color: #354052;
-  background-color: #ffffff;
-  border-color: #ffffff; }
-  .btn-white:hover {
-    color: #354052;
-    background-color: #ececec;
-    border-color: #e6e6e6; }
-  .btn-white:focus, .btn-white.focus {
-    color: #354052;
-    background-color: #ececec;
-    border-color: #e6e6e6;
-    box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
-  .btn-white:active, .btn-white.active,
-  .show > .btn-white.dropdown-toggle {
-    color: #354052;
-    background-color: #e6e6e6;
-    border-color: #dfdfdf; }
-    .btn-white:active:focus, .btn-white.active:focus,
-    .show > .btn-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(225, 226, 229, 0.5); }
-  .btn-white:disabled, .btn-white.disabled {
-    color: #354052;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-
-.btn-outline-white {
-  color: #ffffff;
-  border-color: #ffffff; }
-  .btn-outline-white:hover {
-    color: #ffffff;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-  .btn-outline-white:focus, .btn-outline-white.focus {
-    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
-  .btn-outline-white:active, .btn-outline-white.active,
-  .show > .btn-outline-white.dropdown-toggle {
-    color: #354052;
-    background-color: #ffffff;
-    border-color: #ffffff; }
-    .btn-outline-white:active:focus, .btn-outline-white.active:focus,
-    .show > .btn-outline-white.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
-  .btn-outline-white:disabled, .btn-outline-white.disabled {
-    color: #ffffff;
-    background-color: transparent; }
-
-.btn-gray {
-  color: #ffffff;
-  background-color: #aeb3bc;
-  border-color: #aeb3bc; }
-  .btn-gray:hover {
-    color: #ffffff;
-    background-color: #999fab;
-    border-color: #9299a5; }
-  .btn-gray:focus, .btn-gray.focus {
-    color: #ffffff;
-    background-color: #999fab;
-    border-color: #9299a5;
-    box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
-  .btn-gray:active, .btn-gray.active,
-  .show > .btn-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #9299a5;
-    border-color: #8b929f; }
-    .btn-gray:active:focus, .btn-gray.active:focus,
-    .show > .btn-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(186, 190, 198, 0.5); }
-  .btn-gray:disabled, .btn-gray.disabled {
-    color: #ffffff;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-
-.btn-outline-gray {
-  color: #aeb3bc;
-  border-color: #aeb3bc; }
-  .btn-outline-gray:hover {
-    color: #aeb3bc;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-  .btn-outline-gray:focus, .btn-outline-gray.focus {
-    box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
-  .btn-outline-gray:active, .btn-outline-gray.active,
-  .show > .btn-outline-gray.dropdown-toggle {
-    color: #ffffff;
-    background-color: #aeb3bc;
-    border-color: #aeb3bc; }
-    .btn-outline-gray:active:focus, .btn-outline-gray.active:focus,
-    .show > .btn-outline-gray.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(174, 179, 188, 0.5); }
-  .btn-outline-gray:disabled, .btn-outline-gray.disabled {
-    color: #aeb3bc;
-    background-color: transparent; }
-
-.btn-gray-dark {
-  color: #ffffff;
-  background-color: #5f6877;
-  border-color: #5f6877; }
-  .btn-gray-dark:hover {
-    color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b; }
-  .btn-gray-dark:focus, .btn-gray-dark.focus {
-    color: #ffffff;
-    background-color: #4e5562;
-    border-color: #484f5b;
-    box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
-  .btn-gray-dark:active, .btn-gray-dark.active,
-  .show > .btn-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #484f5b;
-    border-color: #434954; }
-    .btn-gray-dark:active:focus, .btn-gray-dark.active:focus,
-    .show > .btn-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(119, 127, 139, 0.5); }
-  .btn-gray-dark:disabled, .btn-gray-dark.disabled {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-
-.btn-outline-gray-dark {
-  color: #5f6877;
-  border-color: #5f6877; }
-  .btn-outline-gray-dark:hover {
-    color: #5f6877;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-  .btn-outline-gray-dark:focus, .btn-outline-gray-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-outline-gray-dark:active, .btn-outline-gray-dark.active,
-  .show > .btn-outline-gray-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #5f6877;
-    border-color: #5f6877; }
-    .btn-outline-gray-dark:active:focus, .btn-outline-gray-dark.active:focus,
-    .show > .btn-outline-gray-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(95, 104, 119, 0.5); }
-  .btn-outline-gray-dark:disabled, .btn-outline-gray-dark.disabled {
-    color: #5f6877;
-    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-azure:focus, .btn-azure.focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:active, .btn-azure.active,
-  .show > .btn-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-azure:active:focus, .btn-azure.active:focus,
-    .show > .btn-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-azure:focus, .btn-outline-azure.focus {
-    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:active, .btn-outline-azure.active,
-  .show > .btn-outline-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
-    .show > .btn-outline-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-lime {
-  color: #ffffff;
-  background-color: #7bd235;
-  border-color: #7bd235; }
-  .btn-lime:hover {
-    color: #ffffff;
-    background-color: #69b829;
-    border-color: #63ad27; }
-  .btn-lime:focus, .btn-lime.focus {
-    color: #ffffff;
-    background-color: #69b829;
-    border-color: #63ad27;
-    box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
-  .btn-lime:active, .btn-lime.active,
-  .show > .btn-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #63ad27;
-    border-color: #5da324; }
-    .btn-lime:active:focus, .btn-lime.active:focus,
-    .show > .btn-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(143, 217, 83, 0.5); }
-  .btn-lime:disabled, .btn-lime.disabled {
-    color: #ffffff;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-
-.btn-outline-lime {
-  color: #7bd235;
-  border-color: #7bd235; }
-  .btn-outline-lime:hover {
-    color: #7bd235;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-  .btn-outline-lime:focus, .btn-outline-lime.focus {
-    box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
-  .btn-outline-lime:active, .btn-outline-lime.active,
-  .show > .btn-outline-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #7bd235;
-    border-color: #7bd235; }
-    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
-    .show > .btn-outline-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(123, 210, 53, 0.5); }
-  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
-    color: #7bd235;
-    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-dark:focus, .btn-dark.focus {
-    color: #ffffff;
-    background-color: #262e3b;
-    border-color: #212833;
-    box-shadow: 0 0 0 0.2rem rgba(83, 93, 108, 0.5); }
-  .btn-dark:active, .btn-dark.active,
-  .show > .btn-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #212833;
-    border-color: #1c222b; }
-    .btn-dark:active:focus, .btn-dark.active:focus,
-    .show > .btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem 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-outline-dark:focus, .btn-outline-dark.focus {
-    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:active, .btn-outline-dark.active,
-  .show > .btn-outline-dark.dropdown-toggle {
-    color: #ffffff;
-    background-color: #354052;
-    border-color: #354052; }
-    .btn-outline-dark:active:focus, .btn-outline-dark.active:focus,
-    .show > .btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
-  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
-    color: #354052;
-    background-color: transparent; }
-
 .btn-options {
   display: flex;
   align-items: center;
@@ -10376,6 +8786,9 @@ Navbar logo
 .card-sm .card-body {
   padding: 1rem; }
 
+.card-md .card-body {
+  padding: 3rem; }
+
 .card-group {
   margin-bottom: 1.5rem; }
 
@@ -10446,6 +8859,12 @@ Navbar logo
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px); }
 
+.card-actions {
+  margin-left: auto;
+  font-size: 0.8666667em; }
+  .card-actions a {
+    text-decoration: none; }
+
 .card-header {
   display: flex;
   align-items: center;
@@ -10668,7 +9087,8 @@ Card tabs
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
-  user-select: none; }
+  user-select: none;
+  margin: 0; }
   .dropdown-menu .icon {
     width: 1em;
     margin-right: .5rem;
@@ -10718,6 +9138,10 @@ Card tabs
     right: 12px;
     left: auto; }
 
+.dropright > .dropdown-menu {
+  margin-top: calc(-0.5rem - 1px);
+  margin-left: 0; }
+
 .empty {
   display: flex;
   flex-direction: column;
@@ -10777,26 +9201,26 @@ Card tabs
   .row-sm .card {
     margin-bottom: 1rem; }
 
-.row-lg {
-  margin-right: -1rem;
-  margin-left: -1rem; }
-  .row-lg > .col,
-  .row-lg > [class*="col-"] {
-    padding-right: 1rem;
-    padding-left: 1rem; }
-  .row-lg .card {
-    margin-bottom: 2rem; }
-
-.row-xl {
+.row-md {
   margin-right: -1.5rem;
   margin-left: -1.5rem; }
-  .row-xl > .col,
-  .row-xl > [class*="col-"] {
+  .row-md > .col,
+  .row-md > [class*="col-"] {
     padding-right: 1.5rem;
     padding-left: 1.5rem; }
-  .row-xl .card {
+  .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;
@@ -11619,19 +10043,20 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     padding: .625rem 0 0 10rem;
     margin: 0; } }
 
-.list-group-transparent .list-group-item {
-  padding: .5rem 1rem;
-  background: none;
-  border: 0;
-  border-radius: 3px; }
-  .list-group-transparent .list-group-item .icon {
-    color: #8b929e; }
-  .list-group-transparent .list-group-item.active {
-    font-weight: 600;
-    color: #206bc4;
-    background: rgba(32, 107, 196, 0.06); }
-    .list-group-transparent .list-group-item.active .icon {
-      color: inherit; }
+.list-group-transparent {
+  margin: 0 -0.75rem; }
+  .list-group-transparent .list-group-item {
+    background: none;
+    border: 0;
+    border-radius: 3px; }
+    .list-group-transparent .list-group-item .icon {
+      color: #8b929e; }
+    .list-group-transparent .list-group-item.active {
+      font-weight: 600;
+      color: inherit;
+      background: rgba(32, 107, 196, 0.06); }
+      .list-group-transparent .list-group-item.active .icon {
+        color: inherit; }
 
 .list-separated-item {
   padding: 1rem 0; }
@@ -12374,6 +10799,9 @@ blockquote {
     blockquote cite::before {
       content: "— "; }
 
+dl dd:last-child {
+  margin-bottom: 0; }
+
 code {
   padding: 3px;
   background: rgba(32, 107, 196, 0.03);
@@ -12438,14 +10866,14 @@ Antialiasing
 /**
 Markdown
  */
-.markdown > :first-child {
-  margin-top: 0; }
-
-.markdown > :last-child {
-  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; }
+.markdown {
+  font-size: 1rem; }
+  .markdown > :first-child {
+    margin-top: 0; }
+  .markdown > :last-child {
+    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; }
 
 .chart {
   display: block;
@@ -12681,201 +11109,6 @@ Markdown
   color: #fff;
   background-color: rgba(53, 64, 82, 0.4); }
 
-/**
-COLORS VARIATIONS
- */
-.bg-blue-lighter {
-  background: #bcd3ed; }
-
-.bg-blue-light {
-  background: #6397d6; }
-
-.bg-blue-dark {
-  background: #1a569d; }
-
-.bg-blue-darker {
-  background: #0d2b4e; }
-
-.bg-indigo-lighter {
-  background: #d1d5f0; }
-
-.bg-indigo-light {
-  background: #939edc; }
-
-.bg-indigo-dark {
-  background: #515da4; }
-
-.bg-indigo-darker {
-  background: #282e52; }
-
-.bg-purple-lighter {
-  background: #e4cff9; }
-
-.bg-purple-light {
-  background: #c08ef0; }
-
-.bg-purple-dark {
-  background: #844bbb; }
-
-.bg-purple-darker {
-  background: #42265e; }
-
-.bg-pink-lighter {
-  background: #fcd3e1; }
-
-.bg-pink-light {
-  background: #f999b9; }
-
-.bg-pink-dark {
-  background: #c5577c; }
-
-.bg-pink-darker {
-  background: #622c3e; }
-
-.bg-red-lighter {
-  background: #fec8cc; }
-
-.bg-red-light {
-  background: #fc7e87; }
-
-.bg-red-dark {
-  background: #c83843; }
-
-.bg-red-darker {
-  background: #641c22; }
-
-.bg-orange-lighter {
-  background: #ffdebf; }
-
-.bg-orange-light {
-  background: #ffb36b; }
-
-.bg-orange-dark {
-  background: #cc7522; }
-
-.bg-orange-darker {
-  background: #663a11; }
-
-.bg-yellow-lighter {
-  background: #fee7b4; }
-
-.bg-yellow-light {
-  background: #fcc850; }
-
-.bg-yellow-dark {
-  background: #c88d04; }
-
-.bg-yellow-darker {
-  background: #644602; }
-
-.bg-green-lighter {
-  background: #cfeab3; }
-
-.bg-green-light {
-  background: #8ecf4d; }
-
-.bg-green-dark {
-  background: #4b9500; }
-
-.bg-green-darker {
-  background: #264a00; }
-
-.bg-teal-lighter {
-  background: #bfefea; }
-
-.bg-teal-light {
-  background: #6bdbcf; }
-
-.bg-teal-dark {
-  background: #22a295; }
-
-.bg-teal-darker {
-  background: #11514a; }
-
-.bg-cyan-lighter {
-  background: #b9e3ea; }
-
-.bg-cyan-light {
-  background: #5dbecd; }
-
-.bg-cyan-dark {
-  background: #128293; }
-
-.bg-cyan-darker {
-  background: #09414a; }
-
-.bg-white-lighter {
-  background: white; }
-
-.bg-white-light {
-  background: white; }
-
-.bg-white-dark {
-  background: #cccccc; }
-
-.bg-white-darker {
-  background: #666666; }
-
-.bg-gray-lighter {
-  background: #e7e8eb; }
-
-.bg-gray-light {
-  background: #c6cad0; }
-
-.bg-gray-dark {
-  background: #8b8f96; }
-
-.bg-gray-darker {
-  background: #46484b; }
-
-.bg-gray-dark-lighter {
-  background: #cfd2d6; }
-
-.bg-gray-dark-light {
-  background: #8f95a0; }
-
-.bg-gray-dark-dark {
-  background: #4c535f; }
-
-.bg-gray-dark-darker {
-  background: #262a30; }
-
-.bg-azure-lighter {
-  background: #c7e6fb; }
-
-.bg-azure-light {
-  background: #7dc4f6; }
-
-.bg-azure-dark {
-  background: #3788c2; }
-
-.bg-azure-darker {
-  background: #1c4461; }
-
-.bg-lime-lighter {
-  background: #d7f2c2; }
-
-.bg-lime-light {
-  background: #a3e072; }
-
-.bg-lime-dark {
-  background: #62a82a; }
-
-.bg-lime-darker {
-  background: #315415; }
-
-.bg-dark-lighter {
-  background: #c2c6cb; }
-
-.bg-dark-light {
-  background: #727986; }
-
-.bg-dark-dark {
-  background: #2a3342; }
-
-.bg-dark-darker {
-  background: #151a21; }
-
 /**
 SOCIAL COLORS
  */
diff --git a/dist/css/tabler.css.map b/dist/css/tabler.css.map
index 07f9c71231364f85531acbb8baf4a537a706ea74..f09e85cb11b20da2aa42019acc67df01235dac6b 100644
GIT binary patch
delta 14321
zcmdUVX?PsfmFQPh>b11l+AP_Y+bg!aCH10iwJgA{s;*vS$=bbPu(h^&-zBvm5nEW2
zkQfSl2s~p*Si))tk#vBB00|_l29kkE2n-}MkOT;JNZurnfjPITyVWGjOy2wPzVE?@
zs5<A|bI(2Z?A2d=we91-Zar~-y*4Yx_%6{kCp}dErHv7B)Fg5o*VV<jrp2i)krPDI
z9w8(6`69eS3N~!i1$cScG`|Q9Pg0e0$fZc(SPV7ZNmozzhL&L2-n4YMv3_yes;kQ?
z+dWIvzPZJp8`jbqqp+t-6hacUeo+(fPIifXHtFH@uSySY5UhTFII?r6%-<vq*me$f
ziDJqnbot!#E_YY2u*YW#@WZj4y#*4x#BQ9Bq>W;gpC4@R_7vbY>Db1)ssKOe==K$0
z_Qkh1-cYM)_u>BgY>QWH`;Dg3-<vIpKG`9Co_|hf?8%~@{CuZ0ES#;AB@FP>-o+b*
zA5%KNPeHaxAu+3UdfJgxNJ!j)byB6fS!?w;2p}N6c+NU$x7)TEm&@Cup8Y%*MdVn}
z>obLTZwV&E2c>VhCv;AE=Mdi^HG6ng-Z{jFJwaY-zWa>DYdlTVR;$m6JVLz1*U6h^
z`7m$J1Lg@JhJaaLUZ$75)~y-&CB&zFcHWdiY$^{(5&$8O`SKE5eLM8Ak&LTLjPTJB
z=>nhFlpVI>W)XgF*v6aoMfutM`^>QPs_%;x#S<V&T1s|5p)(F9@U9|!=i-i?TdDQ2
zzKBaXJyIn5lCCZv=kuAyqrAT_!xO?b>8hSSefx;=Hot4}tsV_sS!CSB#rU}N(XM`d
zsGI0L#s|Blk-k0Jn9Gl^o}lzV-=3B2XtV@p6Q;=_<9tZIBqa7poBGexrewUQZ86wi
zPwO*7s2^X7PY*4Aaqu9ea||f&_QgL8E#L+BE3a*f^CMqoD%#!q@+X+ZQ`PL7puB!z
zyl|znyd71D&ckJRywf?po$pz~+48s)k48JkTlwxKT$B$>hwf>XUfb`|M?B<gc$pr_
zcursG>1TOCy5by8>lBM-HLcCKlnY+u4qQN$QfK+_;xp$y`zie)OnT<r&5O?+dW%{a
z+ZDl$%zSiLlqkx=N6`8SAlxfGKX!#S;tAoaV21vUbe%3EQwR9;;sxV>qSp9%VtH16
z@3de_@HT#rU&w35$`4Kp(m-$mE_{$$DZLQ1!l{R;ErzgwD|}WyBA{uKB~b(vRAA=K
zi(j0o(5?%+`~u+{apf6D5m4luK&UjDUUAlpOJO$a$}^ioK#|OfWN2KXXbQM&d`BtD
zFHQ^a=1o*%e_T{pB*Z+6Bmxu`C}jqrU0uE0P7E=~!;WexvJbcm?8osGZiP*3aW*!o
z*0#Hgce74X&s1w?-OBxtps=`O<~*w2IWpOWZrU+2Wg73~9m<;>>SEMdt<yVBaC6dY
zv%f99Ob43V&*rYCs;oVMqSBn`Fop}-Wriqw2}69dOOMPe{O~0$y*=-(a_s!SSsRzW
zb^f8M_U`|KwT;y~<GcwSpKr(W;QnDry5Mnrz)Mu&!00I*{9H(9bQ{qi@MO|YKWAQP
z_l}Skhj%v`2gfB4H5lwp@+Pw&HGe*#v&wev;4RYipWmYo<lm-U(qBIRLZw42I-!vd
zF21thrOLbWAkoMVe#3YXMa3l3#TQjL3#6i72ulxLys~N5gZJT?@l2W8d2hy(kI+89
z5SQM+_<Bvqg;(N9OJBLfR(d0TVO~0U$-CTaKSnDtAk6g75HAV}sXQP_0GYo9BoGio
zio7uegpS3(Ub>AkV({Z*X+DF-Z{(wCenvoMZG41)6xuG%$j_wsc|kh&vQ#B;$0Cn;
z>GjLrFgQIazH0zEdeX$ff`S793XLxy*u2uCS3LgzmT159`WHu)EqgyxF4Wt!Z}H%l
z{z{jmj}YF=^jA#6XWxs6XfI|?UmHKm`%FgOYj%_Sn|Du{oV+*dE@s$}5MO-dD-2Va
z6$^Uk;zrWaZ>}~jL=e>FLslZ{3KO3YD$*d-CR%v({n1|2K91XmPr`ng$l=1`r#B?n
zU1;8zz%hvvB<7h2valjnR<{Xdw78NOKR9lv2lD}Dxdak8gn}GpM3BWJ*E~a2cKY%u
zrHhN8#l@~2FSW9WU|W3S+O3#~2IY(=v`IBbZm%XrSFnnhVCk2hIx>#AiiFM>lGtIx
zp$IN0kR*h*0UKH=%E*f*EANe<%0y3CQCVn7WeK4Z>kC3SDiUu9plgVpX><+Lv%laP
zU0gzlE<Ok@N*BY5u1ib_QAzzZPstsogrKzlYnPQCC4&z0`>(C9%DR_|zzmWZZkVUC
z5_jWPYM=Cj8_$rR2mfKn5+!?d&ECMUa{GmYXNB-^8U@617V`nO6D?$3_<N#`p*e-f
zG|F+KgnZ02IWJg;&`89rU>TAwK5DBjsY9|t(i4?Ve4$zT_0ij^6N80&?c%aRa8SDb
zrn~g1A&hRKSx62^J;%<#S_t!k&n$FG7aW_e%J3E;wu@YsS%~hMmi~0?O#Z(xce7v-
ziMh|9nf*8Bj*Ki)>gJ=XV*(m1az&F(;4TrNXkI9b)N;!PjoC%~B`xi}WvwP9l4px_
z;Vll0I6wq+N#DO^%}RGKVdB|E>H@*5)YoXvBT3hU^xW6C$UJ(H$A5fX;n9mcUc6Q2
zf$LmS<!x&kk;lN_@-U&CJ}G{y_5Xhki|*S_mFdiVn5o2eVSaJ@UEiciJisBO7yo$o
z=Tuc4!jio^h0x-K-vU}^mHo!=vMd@Nm|;pyE8t3dqtfZwTIhS9(n~!jSm|W$;L-xg
z@WA24AAfg}(uPF5>3}OJwLkQf)=I8D;Ic@nhrg!H@bXJ~@%D!WO0!>n8C^W}y<SaI
zc91x1%r!TNA#6PE$_^6w$-A`YN0(L`2du@YfxrRjogZD=WbRki%=as6%>Bxm`F`oj
zCw^UN#ZpjlI5FX}FU~*tm!n$Dh+@ctrPgC>=ylS)yYvhBaEZQ!;c~Ril}Yd^lI&dR
z1fLeLTn>r}UqMs2y3L1<>*Gd!m_ws3Z##Ai5tq;IB5OklK2|6Sjjrh=KS#>F5c)>~
zX$KYBA%)fvmuc;!yT#osaoi1w(>ykiSf~4BmzTxIKW5i7YJ&^9NpE81ePDi;s#_qk
zg}jBPc1gB?fZa<_bYh*HKYvl|l+cSu;!q|9gBuDMV|p<@44C$C+#ZrQ_U1{*a~NBy
zVy+p&yg`7&rV)-CSs;(QO@1LLCVhEVL?JTn2^2En>RmcPmpJ1JdZxO3*c1rexXkPt
zD8c$TIV<&YP6Us0oKhg6fCB0GeLcvIwEdi|SY!HTTvo9KGeU31W%Rha1~}}sN4U<O
zeDQ&6Q@waDq_cYknF^|>sLu86*jp~uEw1@6xuPyHEe4YPVi%VZI};F|qHKD9{=Fjs
zcTQ28r9WTQFql^+hq+l12{jq*E7YH|Oo~XE?z~6=o=f*F$z<$PWJ>OoWy*BJdOu}e
z@Ob4+VCv(zKJwIGq8pJD$8a-bDA)X1yt{n<L}|wD#47d@yFmqEede;ELFUDbxSZZj
zVlRktAgZkt74j8OeqkZ%iuwx6Fx$H_zG+cWN+Pe6c)wc_aUW+NAl(_~7{KOilH)KB
z<24cEH&5psXMUPE4zUn|+l@6yP>l9r`U;4#zA@Qe=H!wfAZGiqn*zr))lzNgjiXjG
zE`KjEkdFRbYMOeQs?T8gJsuF#Sbn2Pr<AuO3<ar&Rw$%)9G#H#C?6aDn0La)5VfUg
zUY-aAutCD;u#cM_lI0EzMS015ZzEh3qO7{MU8vlQ%ef1_7oxg!>0wecbD7~IVam$H
zhr{rtamovy3sX)ZGL+2gnYdkttKdOhTmTP-7D22imR1xNOcxXu5V$m%8z9#a_;Z-L
zTo>Ifzs7dM6%lIt)?i<u9ugz2SRa-{@{N&zkt{`JcfsihHL9E5jr|C2xf{-jQZd@L
z7oLq$wtu8~i^JJ5s*yJCg?%xqb=~xS5wqyD81T)ac-VjX=1B24E#`B8Xo2cxx=|$<
z_a%Ahu`}x6m$(czPEyNPkt?0X_>CtI?B7prCcckU4FNH+51etzQ8PUnC5|;CCL#mq
zSQ#-Kfs5jlb-^gNAtAAov>{l1iq2xqh*fvGcODfG5RxvrG!-5FPJ9oE_I_-JaWW*f
zBOq_!Au&1-#!WC7_b!DE)btoy5<(OF08TVGuHc|u9JV-G9yh>^#$auNYGmexX)@q|
za}t!$^xtcu1^x|J=o}uRu83&QX_C}S)V6?#W}XnIMKsVPs!@JxbM2O6D9KNpfcA%j
zCDG{`Q6$GYRSb*!VI)nhqb4DnrZz6@Ng~ey!YM2cn)W5dkn$G9H*$y~rvP&DivvrX
z;^J<yiD(*4iZNyTs3J^6c?;tkiTOnqL>Lr%iA7T6_A5M4jD)grToEItyhZU1y}ihS
zNP!YAvFL!68S26RL4}Q=nW21*)*j^JONo{qlDE^MIsZPN3(Qa=wZoa8tzu!95vO~G
zQ8dwK+BYK_aq59nET4=B_7IsBguh3g#tz5`8~lEjIvf7<U24^u0b-T2;vA20ChO+7
zh+7d^>=1B%=mx`s)Z2~el7Y{xn8c2#3-M-Agyx4R<I4H`Ovg-SI$0bL#Zj*~ib;sO
zVeBEQ15A%mRnk-GD#$%V?Obqmc!J2lDfEi@UM#;Q=fWYJk7O#dfKj|qC~!S(B(Mzi
znr2bJR6#&)*zQ(L+w4LcCV`v_x=bPYrND7)hQK3OEky8w<wUcJ)Dt+uogsUXI${<v
zXtEep=6KMrq?-<k+`NKzAe!V`f}BvIIX+E&Y6+G(^4t*hP8d%Ma)gRuiScPfTtUnV
zKDc_Es)LK?sfiY+%UMWAW>*`I@Np+HS}o*wysu6HYYd{UoltW=b&VALwodZj)6lq-
zKgQ=o8xBRtJ+|YNOgeqh3fTB0wVjT7Vd_cBxh&*ea`CL#h8@tMdm5yc#){lepQPTS
z4Y5ArvSv&|7~!1Qw<P*z3)&}8c;hL`e<-`lTC5DrVtiK+XUxRBMlE8ycSzBA7iSjd
zykkX#(_8FfLV}qmMcS+o?G{OkBgT4X^P!3?3&K@TQ^VyGg+Z-Z+z0PHO?7K$c(f+7
zI1AgKp*Cx~k%w<q=!4iZlwF^)@>%)dNx1JBs$M&f)ifT&49`A88LK;mq7R$JkZS@)
zU!hjRho4XtaNR3ZEr`!j>l)keI|j1%yY`~(T0~{KXhtuG3!kM-`m8y>!yJ6)S?XYA
zn>)`Fw~4r6{c}`TH-|%eJTitDC7hDypgfutg~Ab$+>65rG;b2P$(*d9u{pu!A~APX
z@QZLYO*g{x?@;PZOX#4WpcA;kQVEph=S1Ti9Dk0gH@D+-fMAx^%)2lu%nA;dXd1VO
z7Myk$aAwirg+D$=^{uersH^}D;c%U}^{n9Z!a2`Vt5<fS=tP%BbPM!Tix|Y&JOM;R
zke;W`KA865qy!gOeIgE7=ET5EUQ^RE*sROeA3%<%3PD~U6-oDD#u$vlK@=*yb7_0C
znA(Z6S#eGX?nJMi6+%0~e3EijhkFX?jMzx32j)&vt68&y<V>SD;~0ROPf`<I$=*_4
zv%Taf<UVBQ#it2b3q>N7LZ%_N0gwI|z460!bU7S)fzq*wJnt~_zU4Gp$;mZzE$M_R
z_FzNr%b&pqi!V^yO}6}dJL*E|18}qbCNrwb?pty?)S^%64fp+ts)QXcQZ=?@x56qV
z&q{GYvSd<=@^$0zpi68MLwR}H>;rJwi&W=A9KUoZ*M?@B=_eV!7YAAcXjXHgBZhPO
zJa$&>h~w83f{r0Nh3M=O8ly!#h8IO*8!3SCf(J`=ofssXQGkS9QFhoqK#E*A`z0#E
z8rv11y*;m`r(dGhu+BWxhR{F0M18*BoCl=a2S{+tZ)6!M-Dq}1zO7!LEMY1n&r&hX
zgvczFoGDQN#Y6D;PpJb7p*+_%n=BD>CE;YIyTsR0-LkV`ELFNWa!PE~M(4!LXbjIh
zE2c-|#4gD!Ft0Ce7uH3+B+=j)P>k;#z)^~r*gGi41>2r>M4H9+J$5+yGpc!OaIZPP
z5TSuRc!mMFqKcp>;XQd*#2a#qz`y;B`i4He-;7gUyx9G4%|B5BZ5f4E{)rlt%;TEn
zq;FJ&5V`KXC~F@$U#7aZW_A)6iwNPKf20)MsKO60;$C?9WvY*g<TkxRt)!s2oYri>
zC~d^gDG4`r*rLM~cVmlPnqzRB8YWXQ82@MLcU39(lI1$Ybnd{<vFLyuzo5$8Ruc0)
zHWxZP=d~767bkSMNI{8Lh@q`NOLFeOyi7Eh{S=Xp!%x2vILy(taMLd+jXog~hDp&B
zg6dbPhDuD+{SlG{2ciUKf0a6{oAr=}z$wn;o`03{>nl3E<9TH{#r7Qk7FDTk%6dt(
z^1J7}a<rOuCzL^rJDv-^OEpqe4sq#Fezyg#d5`igbIuK697(usb3;o1CVjbgMT6YW
z%YKaIzdM1S^a$rTH2t1>p?ua#mZaQC>yTT?CpGU=@3XOX0?xRD?L%_Zkgn>j$hDrL
zrYW}FK~S^qdB;!=1Ihr^6dS^surK0{4$YGfvhGO!Jv;>EA5j0Q&kjbg|Bblk26G>N
zKvh$0rj4-3y5ns_xw=15A5cvJf#@WLAGGAJ7jd`IE6<tTow;@YPEAss&d@L}LHFq-
zM@xw0b2T}bqB$IJ`!JDqi59n2CgcR9GP~zO!|>>zskvo=l9D0g&QG?aPp)dto&Ogq
zL|2X%CO+iQd!;v5HAoj+rp?v-m1?CH&>_)z-JxRE!I?+Yiyk5uH~E1QIwTI1<cSGB
z4(I)}=!)1d%C0y*<F@1Hr#w94ju1Zbh~JM}Op_1Dy%~1^=RZoY$B|3pgefM>xI4Z1
z@*D9+&jh+>2u}V7bslAd){m)gG==)fXVO`Bupa}%_?$bCf1mD$cRr@xD$k~eg)YwF
zPN#=m#meD-R~bD^hGcc8zx@flnbKwPTRu9Udk)Mr{XnG?tub$+?d~A_fu=K+{-Q>4
z)E|TlL;qZtaTD9ZEpmIxXf0J9lLyyMG>o+TV*%LKNVB=4D!QH0hlWY|HM)bt@T!__
zZZgXjZ*<Qq7T@MpM*2o~G*_dc`7(WCKv@tUfP*aka#gmkaA(NH)|YdY(^t|>A=$b7
zo}dQ}3A<ZQNO2rbF!y#PJ))_M@r6#_7x37iyPoDN+j|Ow^WK1`Gj~Hh-9~M7diHhs
z{9@FLS5fSn5%B5083C5u2Mx5JT5UCtpoyA2ar20qn4%|B0+2@USq;}V(#!sbmdOae
zYowbt`#o5sCp>NL3H(&Rail5c$oJ}fNl(hVCw~_SJd~-4&QO(3tYs7+{%|G)$5+yq
z_&NOcNrF-Dr?Ns9H{<d5p*4ybk7buwlH_AT+S7>xTQTJ^^7~Czd~H)+{a6Cvk2O3A
zSHV<7SBT_uU&a%Mi&oL?`T&{cAWK^h{9qN`uaC>0&r`Sr8duXc?C=AKPvImM3(0mo
zQNaa>JefXHZ)QBvK2dH;3Mb)wI9}@#Z62eAXx8enTSnlz)wIv*$O9}ERJE8E<~{#N
zLTRfFxY64PN556!*nu2}n(6)pXP%=?=14L-8Fu9r&ACtz+1ZPOC)8}W3>@%%O1~n9
z18t<m5k+Y-?&1U+86?X!!%`Jj99QJ3*3i{dWeOcAzh}nNmTNK47E0Id#m_&!EE=nS
zExitZ-GiS>vYrmOdM!PUO)d$XS<jqXws-kcAZ{Yt?7Sz{QyeyBJ@K4j9epvSbIKD9
zv!^3>_j=lcKQ)m(q}^kOk2cV~|JBbea?y=+5Wo9lWGLJZS@QNK+Ez7NG94qpEoab=
zmpf9s@zP@6`P6O>MlJNV+^IJDZi@VkQY*=1R8|IlaQ2KA2Mb2e?%gojM%RJCN?R)@
ziw%#_vw!~*0)JLjf*C8t1h6!edsi%|JrgC&szQ9Rp)h);hL^ZiM@qR(^Cj%6W2LBI
zDXJ>P7rR8GC(6Sz2kouSlx`pAOZKmxEkz|uP#ZReUG6xRA|Y45h@E|#$GpVa;fnHm
z3Cau0?6go-td`07dOG21GhHt$t7>G)r;MKd5=_N-iJ*HGImxiBsHSkKFzf$TnC>E_
z!?g!zPehc*?6kceCjfI;C<#e#sB<^wmV~#>x!Wai_t)gschDD9sGVb-*3QY?Z7%x3
zLG_evs(s21A0MF`;C!G%>Iut)ZNdqox6mu0|9ZL_8m^}sRrbk_$xax(Q30N-yyxz}
zo__s&(A}h}fX+LZ3i$0VO$Fp?8JDWV(J|=+Zd~1<?l5;aoenrr%hbckdsRlba2aFx
z3<7RBv$4WrcbE(ohZX;H*uc`jtb&{C88sZfPc@idNZ0{)7IJosc33;6;EH<YX!+l+
zix9C`*mSmfIn1xrROEirz?`m!;|q)is&7)MO9WogilV>Q%4{!L^1EG{aws755N>09
zaO+yl3OMT>l?DvGYAsozhvQ~NI1L=%&S>GnHiW6_nHBJc315*!2Q6l1$EP`0!u}Rz
zOPRs7pUL^R$5mBuq8%Chz7<(bHZYBFxKATXUj}#VW@_Qoo2mw=v?KOB8y@SaWo316
z_%T%(Y(J>pBExdqtc-gDRNB-Ppxw>1!p$GhD){m-^)lMACHMGlMy!BG-l4U*iV4QA
z!I~xZAibKgS*-A_O>9H%o)B{v1&2<Tslo6Ny(*WEFu&+fIV^T-2dw>-su3PdX!NlA
zR=P?(>KJdI?0_q8W6Y|t@aT959=(m(sJ4t-Cah*ydx&14o^(!jPL9LCt#qAAF|xI{
zGwrH&bGz9N`)_B~msxC9J6v=-)2LoQF*Riwhr{LSdbsLqv>qP0oiXMapSqnfsLhjB
zs|^{W6lJ56lT$LO%04kMH3~g<Fs&-H)$B0C!X3;8l}#ocy^~p?SwDre;}h`MS(-XH
z{=bm%zur+~T>njG9TJ--El?ny7@bgvRTE?Ou`x)0lQFB!qh_1g26ugvS*x;H@LzcI
zS-PogVrpUvEO#(<>Z!4*@u>;W+{v`5El%<;oOve^ddxgwQG{kXCOTnY4IZyQqgKJ8
zTWB>Ly_4CjoH6(8oy<BlJo*maR^!J^IUF6OHE^$6Uyi@sz{v80gjx^rkVXxr57f2r
z!Z1???&HjIX!Yr9;a?Wm6}hjTVBTD=vN>&|Hn=FMS)pDpyE^Rn5z`6VA4hAt=ZDN%
zIQ9%vm#125WLByt6;J1W#KhF{;wiZLB~^op@R<VchfHJcogXph_YhC2g!HnqF14fG
zG2Y?KeS2BiUA2(dscD3R>&n!*&u=Ol*+IzEFuPMz18e+cDtLTZ*~(nGzbwqil$T!}
zEX!RTRQ;fyGC==Ds%bd=6uliTxJ2cuh>p$}jE2^9ERIj`+$Ac5{Xo=!|ID`pq7##I
z+YA=7rL)WMIRed-EiG7jg33!(&2Z;3O*L({z{eM=R>4absV;@iOBt3n7{Gq9YAr0g
z5&db~Bf45J->6nKEir7x&07NL$w=$ycsejM2}djSjjA)w=sFOE9fxscjh(G&HW<Q_
zQ|WC6YkUq7L`Z`n8SqalATayb6>#&7DxKD_9?f!Wyd8v#Rj+~lGF82%aKhe8Rp&6|
zsCQqgIw(I>d_iTGA08=Vw?I`x84KAjsJ;urd765-`TIH*ynh$7JZHH~)kc9u!`8ry
z*Q%P1T%>A(<mIY5NLp3R6`#@%oVZ+753lUh)WSbsu3BERbj~GBFOh7#LRG!`Ge}Bw
zTOh8>oqvU@vH=JF7ygE=TaCvU8%?(0{|v1Y$yi*`#dK_DGHEy)-pDcyaO{|>2I`Js
zko*1&Q>l~5CStSEBYjLmnF*B$$7eA5#|H4v_92FatIlPr;Qbp^y4?N8R0l9_Mb%DN
z2x(Y2ZwjN(ac!9vUR%qWL3h7uxyoWTZ`?wXjuGM;83WuG)@+6E)}qZ~4!Wk?(%E4$
zSj`sl2VSgWG78lVarG)_KCb%u-w~{a-Uh~^P(6}Bs@R{^EIhefT}e&AEv*>wKlw;i
z4v#*J9{XNYy%JWpG8#m^+lrevtwAX}7SwfcrV)?xXbQvev81{j@uO`_GyZR(jd4IU
zt=>eQ?^CTH>4Yr*u#Q<zatV1p^ax(;3(FaEk;_ViT8^W2zoAhR3iBhFUYDr71&*&D
z$Ca2%2+cVS3{NsgJ#9E2UfidtQ!5q%s~1)CaP$2t75wT18qd^P_6%6{EtQ`5NCDRj
z9cMDtaNat!=dUI-D){aFDr=tLN_cV|+p2)CtY$XA!{@1W(7K+j(dBJ$EDb&1!K`6_
z0I&Xv@1YVdS<f2uMQjxAUC$;<-?waFO{MP#H?VFv@f)=!7yP#Bt90(gYt_Hht&U6>
zTE|C|6D?!0iLBv#;(&3C+kvQmo57YldXxH0wT5_aESiEujIM!`28|Ayeux4r%#`Wi
zP&chwhITIV$P*eyVbrQ`26LFv<bHOmI=mcq{90G0j*KS#fha_Jm=(F<oVvb@E!wwY
z*>!q_qy+;PocNGw0=J{A5{~!K8g=VrB%aO!7iMhGGQbAmP(@i;uKIiGo-#Uuwr~gP
z-S?Q<ScfM%8|8_Gi6a<Vld;(r#IJosZG`GSVm5y0G4&Z_Mf?%<>LZV<tKq<->IT@c
z8gu_klXMLx@-IEA?t|)sWo3|hjI9InyZH3)kE)H7BS$^1-aObKt4R@co55^oF}HTu
zlamqPjx#lItX8uc?z=#*f%l(a*T9aKu{w-Lv9?+9AbJpDx5C|ZsKfiZHPz7cASNh;
zt%8rg!z_anN7xE@f3-#n%f61eAp4QJ9IC#Fg-dpihLjy}Q;xWQo?Z(#)oH4L_33o5
z>g%}Zs#{c=+z;zCU*uF1VFPC0V_#x6!?OF-HMv83G%qkKWx=On(R52HFh7Y|0Hw}n
z0oZhorWrmui`5-@woI)lK=+=5r$K1Vkss1!#9F_6j^=6j&FgqA55B7|&qWVtzEPi3
zFKAA-vXOW!IvGu;4y^0St+`LLg@=~Yn#olgl<40wh9;HtkBx5LFc!{CnhdRGJW%H;
zjRW4)XzSsUQ<}SS*PYfRbu}AC!;{H0E@%l)&P;~48CsmczN=kJw>aReceMt}nfvHN
z%`0WO7e3KkMZvD8wR$-Gl(q)eG1@wK{wZxEwE^xsscnFBDeZZha3F<3MS+{uH(mF%
zwiZ_XLCZq#tiA%Cpm9Nt(q2lpwSlEoUz6KKYvbjY|Ef}p|LJnSs?=vrEBV!Z-BGq3
zK6r{gi{#j5IB=C-3k$!}v+y#__QSwc`Wo`8E;F<kEU=bgg-^q*@W~(ahU<RIrr^|i
zy$V{6vRZIZ>?XLUmes-GoopH0Uaema=YLOE2Rl00vh^etZrV0FmB!F7UmXD$4C8o#
zsON14Or>x-%dCc*-^WU!%FZ^dBly41r=QBG)!$KXfOG9^75unUzYO|+iOFyu#l9y$
z<-!cxM-?*XUqCz$^IaidV%eP3m*pN-u~$+gU#`0DMGR*9?klT+_<Lo@>OEGg&KDi6
zTGj~1HEjLg6e9?4J)&hB8c2dGX3nLj91>hozG0i3@Dvv=MhOL2P=%Zf8{x(qQHGt5
zv%2ff*XytQL|?wHm=ERU7z2t73QNJ_!_?xF(B&|mu|yH|@W3&ZCCAsXK~_C6nhb5}
zf?Kp@^&~Hz*(9gLt^-jlm<~i+$I{W3SSB3~L?<U8Y+wy==G(euaGil|s8N=dP%5dS
zK}Dj`CRn?un$_m-aud9E0+Y+cS~Qj0?pHPDde*TTRc`ZE_6{A1P?y_S8|47QHnui*
z(#CFK^h>S;YqzmAx#kYGp81UUe8UJ^4(u&#4JC)-t-021Y())gFcgCpY`=zG1;Ly;
z15fp`FTl&gOl|J?E|#a^txt5zu^4$Xi%sWWzEW1cK9w0uC((&Fw`?GqB$Y->K1sA>
zvD=K#ZGp!wBMp?G*XDlT&)!Ebi%ej2X(dt7WC+W-<lZ5+hc7P*VA$LOJJ2CvYb~pX
z+6(n7;M5arvl1`O6c*)^N7yWhYn5^wEZ=5WI(@DZ*tXVk405t6CniwIr`7sZFgJ)^
zXt)MfKYy65$er~ByU4)WUQKQ8)KA#)8o)qR3%`C#*9h$ESo0ZP$M}BkYZ$Bh*WjAh
rzJMWFeXF_>zVSMX-36L6TuPphqykR-3tJ7x-ek48pS;fgxbi;%H5EAy

delta 46260
zcmdVD3w&HvwLktjXEKw_Bu!h|=GCN4TS^~En|VKoKxfXJnWSx+N7FPd2ux-slS$^0
zOdgX2+LVX#P=PvEwq8Zx=TEQby#nU`97V+{K2Q(}iVs9ADuN0E;^SVgdVg!}z0a95
zleARtz5n0mPd~P2_Fil4wb%acwbx!}@8e(pyz}-SwLS3Znu@HP_O;9YncPD)@7g*h
zhgxN?*W2Fi^|$$l+hwmLw;q-zrI=4GcjQKEw^qb_lx=wN{k2~gs^>w7O5k2h)ZZtr
z8tob@l$pDxawqF+7TX(7mQ`DW1?tY3#b=v0iREtTaJwuebK;i8@>oZ-UGBEzzOdy-
zYh(NNQNgWp@9e(5c3GbEOSzjb>{}W4^(XgrDRs77)z(PW+}@y4Fq^w)Yh7-9s|<vF
z_Pw1-xoz>~t^c^T+}a7v9kDFla`DUM)%N{!s;1HT+=B1hMk^Gx%Q2rNcSyR_NEM3v
z+JcK8lD;7r?H#PrmP^QU73QEFNTs>l#+l8zm4OYW>7Ww}CZze?rkS<5eSynbKmb($
z>>Be)DX1PA?dWVB^L1!y#(X0kDIcl+n9!7aI^Z{&sSabl`P{~!uafF8<{J%;`f{5-
zxot5QY!G%%ce+8=m~X1n<7>_O623`Zkimj96r?-3cHi%??o84jW4=VE!`C_qwPU<s
z6bq0%*2#3w**f=_vi;Nkb~)*r>CYYOlpCA}t<YG~=QwEdwH`_N?EJUwVD7ojTUV$(
z0g_B^a_`rS$-W7xy))@cEPD6t6t-j!B>l_^Krw$H<8SZuc6PRgQ@-?pX&(}%a<}d8
zHpLFHU#_mjm-d&7)vDljZyHGce4xkV?!*yD`&^y5f$qZ<Nq-D}21j!Lr~B}FD}WX2
zEYb*ea@^;p!v(}0xotgftC*nmLC@k?PmO4@_JMsmCw-Q_#dq~xB^cwq?Dxpxn+F#J
zW4fFDOf6n>=-s*%*1!?ogRIZBxb{dy2(<XZ%Ft$gHZUPf8t=3Z#&*_c_3bazS$N%~
zuQd*JX5ZdIT_X4J(TJ%ffW6B4Jb_&6<=xtTXMJ++mdm{+vs?nLs@(4`4?zF<AOi#!
zBUc<1w7he^(Z$E#{&<lcp)B|K+qW-1arG~R^|1p<Xx8j&>q?=)EWQ>BJhRWUKlkL&
z%@r+yF{qc^xvRqKj7dryhcP`C{=Lu?_aOkSzM~^j>jZTFNKE1evikaSw@06A9+iNi
z)9M?O0Fg+NfC8oGX5ZZ6yM|X(ER6bN63Q9#b3q9xP$i|I6u<($C~Wg(z*B&{NolZk
z4#Z9Qnfz%#mp=mqDyNxo%5rPWZ}T~{RV`QrQiC8h_qnOnJt>(<O3Pf*I215R*dCO&
zw|9B>by86_Fqqm(EI{>xRzSZ*fQd;i&ZeUVQ#MdEWdAYUSdk8};ac1{b3&*YI}~k)
zSvz`YxHatY#n~@_a&}XNvm=aEGr8xpztj$?6TtV(>`7te<o>v7OE);HP1o9~JWyOC
z4}Oj0zBJF|!H-Pt<@t`4*?oTxZz}icYpz~7z4ve6tzWfo+}E1)d3;vr52}{?hikuL
zvQxk5^x1;BtB;Kt%`lVN!TZeTzI)8PzAXrY?DWMt1_3i(?*vr!jqc6(V90YDk53pU
zDdL^bl@A<0Y_dyeP!J{M{&f6wwOv-HWQ%WP@dpbXLe+j=B)9l_KGJ%fAdKa9U4PvQ
zr$Q>nq|w~xuV3FV9faWsP6dZs?Y@r5AotsyF)5XM{rdNp$NexQ!A$P<8*JJUiAl4$
z(>J{0wReN>lH-!Cdj{vysAT2^^H?xlS}*|xS)kxZic6!5f4T8uVOt!^<NKJXk$u3K
zhJqLrFv50kTpHgy@5>FnbFvy|q{^Sk{p_7*n#Y2ZzV=>_7M#L42eP1m(R9Y8wqWj-
zTaV^8-ZJw4hVb*O*{)^v1KW*vEJoh-XHm1DjKSC>Z)=s79~&8}Vc~4=Z1ZJ(ovkgt
zj=2Di;cQ^I)$QxZ2Gq58OiC?2cbiUEJs~UhX!jmU<X%15ve4oOn{|Sh@`KG_DU{q$
zz-=}r&BzuXO#V<;>k+T_2s}wgDbbuC!l14(Y1R)Aj{#C)?SV>Id0^R-rlFRKXayao
z{26c{Uhl#EutLDPHvt55lF~*QDzf;&_dX`9ZtLWWOuIKJr8*M6+}#5Wxs(48&;l+g
zSr%XXhn=uO_0pvf;8}O)$5tW!n9{IVN}lfA6L*GT5ku#i29k@(g;!4lgF-SPrFv}u
z*o0*D$*opj#~4^n4vsR*#S503kX#UWAYn+xi4lWYA_v=m4$R%6rAsV6O#Ff|2{B%~
zJSin|l^+OdhH_FG$zAn<cdpYc>eJF}5JMubOz!x;P`4)Ln~}1CLWnpGEL;C^UYO3^
z^N%}oO&{F;-}1B~*Lc^O!HI(m9Ew5aq^W~bsEZ`S(%{_(0GgMU5{(|5WkjtZuQ!C`
zL#@$ysihAvB+p5nzT8cB*;Z-#I46w<Q@ID<u_5>JT_0UF*Q*SByLV2?^ycpR@Fz^>
zK5&4tS(@+5_1?V=f+tuvI?Z6f>+T*|o%PL1=~2K7#0OGp6hg~?yZddvv&;vOA>(|Q
z0UVxVK44q9nS1VPN=kreXbCVq0b$daq~gykjpxkwURXZo#|f3mU4HMT@(CHA=W{pQ
z>nxXgQAKa=)V&+mcXXkU&I1@iNPAgi4tPH_?vLb7|F0cXMprQN-j6U5T_EDGAE6?E
z&6`{O(T(*WqPJ8;E2z0Ich^U(|34S7*!j`d%ZwA<u$0MmX?)T5iH{4KdEt~Yi+}v&
zG5t!9R6xF4N-o~;AQ7v~bT-BO^TBZ+xiluM&kcSyv$*)LzYw(`i~BPjDRSNQ!rJ$q
zGLfqmh05I1`Ky*PFAje8`$9!rhEb3EM{=%*zFA>L2*myKxr)z!pkmTTe`FT#`@AHS
z578gt#W%muRo>w2#c7@PJ9@$2g~$EQUhEJ4&K>>gjjNKqR@JvaVNdQiU%j!x-OYGh
z-HgXgZIJf6x^wUT+Rv)(5JIx)Cr|iYi^snH?|0ew@3@={(#UFm0K95fC!KAy4*tse
zMxbf0$A|lfL!Cr;LRhx|8zgzUL)m!BaXHlq)49_d_jMJR+vOR*3wF1i(|)_O7bH*m
zdNsA3-YFlr>MpMtio;$niyWXuX&C+YzMl4Wc}h-C_Q>ttNqKa#CqVrLMEqXz(5Hm8
z<d&P^uTMmT)eC6|Q`_Yh|5VyHB>};xJf}J~P;La)XR16z1}T3^va9<e|D10GJy00e
ziIjgvTV;kd3aW5t?scd^T<476Duaven)b(nf%aZ6Y>qb^^0w{c(E;c`y&t?5(7A#V
zB_kgm7Cc+5Nl=m+6?)g=pG|_Rp*_rISPwH9@~2_JW}4=|$1}tg6SkAwCxq2r=yc+M
z5)5i|nC#>_#C_h35}`mV?gLDR@x4@s$xiZUOfXk=!ba2U4?wqMvS~zEy8wnB1k+(J
zThIVO#Wt`g`prSG0IhREovo<Ot=2)v=5H&iOLl-!aqz4YtZTCq%HSRG&i3Fo$UD~q
zyP&Aw>xBglM!YrD=6A>WFuLM6jEB75Ls&NeYy7C()&>4QF2@cGwL%CfkJGg_E>Coi
zNV)&~(mG;_3-zm}_K$<*0dD&cZu8xFTU_{-P?PL9)E<t@iH?ER@Tfe-evOhfW5Ppq
zjC2+P1zck2_`qM2d&!Gq!j7s@ntqAH)*l?gy(2<>?vsz2$R!EEX|#0>VN>QVa&1Cr
zHzp2Z80k$OB&QOBRX1`lL2e5R9psXv;Fel?Gkjx(*v$Bqi30(qJO_agHI{pd8Ot`M
z7%MJ$6a7qVKlyA@xXIYYe#Q=wj+AiOPFI%_W5}>KKL8;H#VbO2^nj*nqKiD35<*5t
z|DpEIxa{mF>(fG7H**-`y{z>-wni!P*R)VCS`U*q-Vo}EbzE4t*)b@?8Z;uuI<wI8
znB3Mei?P{=%)O{QPflipdc9;F%=mI<c^&!CxUhS-n@?z)I-zlR9fL=3c%6esafn6+
zF_MbQ@j>!$<AQUI<46kU%8YDH^ny2-mS+>hJ0VyXl09giF*(r#!8=5H@)#7bNd^(F
zW&b=_BrawAGz^sEJ-B5YlSg`B=LvZkIR*usdQ6__N#G!bHO>fT>L`S47^y(K453>A
zlhk36)3*xcWw4@;<W3#kko&-~6~vnnoDJtTNx*0iqREo7Eq^8>JT275WI+0a+~x;>
zX26fpUmia>IW4T|bNUZ49oxMV@~C_i=LGnq4A`d^xklu^)*~4h0Q#%V-`5)TLIwxP
zU?GV6GP2v>Tab{D2goZ^!e%k<BP*wct@WV{XhK_rDr|p@{Td~AObcs!K(_+(xTg6u
zYcR!{PqJSL_*L3G=vk29AitXyKKB+DswZb=gwDq4{m_lhNg1bgYj{eY<i9iUo9zAv
zp)UXStgutqW9G?A7_MpAv9BMxE_b#b0k}XG0n$XBw8FIyO~)$ijH8!U%#d%)3YS)f
z5p%GMgAFuUF(=ekF{L3}vVTM(d*+01R*mo^OB|9cWX-&=d0`567a+B>s}+JP2r`w9
zdiS<rd2d&1HsJM+1=RAsSzN}Bu=2@5`B4X!$6)<5gHw#7-}R3ATgT`Rm3zcDgEf;7
zZzf?Elw45509Z_CaLmn6m4zw<m{+1RlJ1t^2i+|JQ-R09cw!Qy2Vnt5jtCAP_sK<a
zra`DOw_w#sNw}fe?wtnSlByY6<+VbMI$y|Lj|jEo@@s{`T`|BTH?7$Za~;=T%ugy2
z0E~%83SxrKEd|M$YlZhNbVHmVyQJ|z05d;vh?`)b#(e{=PG8cW4M6%6YEyw33Gx<B
zDH%vB4Y;I{z__xCJEaym25Vo+KN}bc0BHuiJ2*s0p$&lZu=x&hq{EOOIErf|Of#pH
zmA5U=6<}O2TR=pxuQf*Qof8^ztA;C^Y`#HS8f7HITrkkZeFM34Y}0~^wd|&ya6;-I
zbGR-k1Ak~ICZsXm2{5)l0i&+=Ujx*?+W>D@EI>1hpw|I#iD-i^)g!_-RY|u|E0h>P
zVN~*sJU`gwfJHzx#1@+`f<6~Ajxeog0|_+_h0-*Xf;l!XXeJi)>2I@#*$1J)gwN$0
z{JYIDsF=g)qgl@c$U<w3`3`faT7APq8c38FgR>1XuESKuf&NyvlzV=x9ucwC<_pl$
zE=F>I%LN<s4)T1bTOx1F33UtOOos{DpTEr%W6Ttp|AHw3{d{grFf|64!iNfm=sAZW
zI1|k$+I*N@gp5bO1`#kd254!R$&C~Y5%Uewso`J^JO7UUXMNzraNv&q-B1V|=KZ&V
zn*r@dKo&}j`IL7OR^L$M>`>rr{fz4%m9clAwMB(Oqs_OMmi97|J}wv9I&?JGliUQ0
z3ay`}z4+SzFbTE;1I+vS|9%4;;s%)W9Yg~}`f2~e2i2J{IC%E%bEY1~)J-J>dWyS$
zfR-L&Bm-P7v~;AOc7K+&J4gHQw{_o7Jwf2_cLd-Edg;m_Q;;5HAnh-J|HwJO&v*dF
z)L<jZH0~#N&j~x4ZQ!A(&^WwOK}3y81?(rKLGqsGg-r`>?6phGkA3*tIu8j`7<$;`
z{1;ZmKHB*pUA%hP;?-AJ6%T7y#S$0Dc+>?Ck(2iIX<XnAcrnBly%_B2&;TP+VO<=P
z28!I^mh<R-H(M4Rfk1B4=$g%A{y2mQRv&}{Y^i}zKnd@ykSt62awnsa+>Y4H0wgL>
zL1~l`0;3XQW#zaZGq5gcRHD(wh!6LxxNvi+qfnqu1$dbXk}x2Lz+@bVP%H+KU`Kd|
z#tYyL1#4&u3V?Sjy!r=`bBr0nj1~x)FtAbOx}hrf;8cAwAu*XrMb{J*FfwcjO1ark
zghk@#3P5-ZzW=5%3}`lrrUCjf=o=W;>veJ&?Ovy}-$nbYn328Zwfa0#f+_8ml>I7*
zwLz(BMtsE!QoRsa;&?*%$~0^DX62Y4^G2!}hw<g66}%`HIs$8}+FN*4j=C}{rho{g
zror`6D~|Jm2`s>NGEjiL7g8(Y`*_w-eD`SKb+pO}Rba)21XpwnV_=kk1*#F#P^x+5
zIIrYoL0vcWRyE=XzWxTqAer}8M%<K!OfK-ZDWle+jvACYpj5RXrg^PC|1i}{Qs1Fu
z<rc_;73>#*0R+}42hy+t0w{yGSg0hkUcyJ^C4Ixxb}9BV4L`Bp<38R1u)$k0V5`F@
z7qK(1sj@>AqAxZgQE72V&>;J$q916S#55g!PmA2MiZ27fP6VZbyf!8w1|570+)dEa
z1+d`yIYeS=o&<!t6x^ATGYdgB5CJ}#aDb$MJ2#GI!EQqgcVR9wqCp*EQMKDB2N|3W
zVW@*c8c+-UR8WVwWX)^_eIR|nJL$ykt94LiWvHu9ws8?L1$HA^*dZ9X1yRI|26lEW
z>^vO2Ehy#OHrzA`uT4RNQA8*XSR8E1bcRw72vA|y3GY`S!jDk0Ab)F%^VTUvH0C=B
zMgZ0jmp7yl7X|ed)Qv#g1>)kq2u0l}`#A<b>1<QZZh$15#K2YysKe<xqp31O6-Awg
zvA1ycHiZUT0PPs+kb6p5KtQk+&8eWyB~g9cu$?`(#Wqj#MI+(o?tRR!aqn$x(Rg+N
z^1s-@y?pw0D$@@wW=Fgi5I4xy3plw$JAYIoF05HBU<RYa7%mOCR*Zo4m<@Rwqnh=g
z8N8w5&S}Rrb#xh_YlVx8fLH&lZ8+ypaC4A0Rq%!)GMcr*tX(S{e8s_O{1(>Rlx1!X
z(v7Uaq`H#Ah>Sof;BAwTBv<3cxNW3<HDoO^Fo-Zva1h2<hz^XaAc-&{nXx7<S)|rv
z?$Ttv$hSnfJ7Oyrx~MDK&pgpSjia;{Im!X%C=YXu1{Dh+im6{>elkL(MVXfzraxlb
zNseedA><}Gs@A$;l4dkjS;a{@n2&XGc9%i}qub(BoFsCOYn<eq)=Ao!leB}IJtth(
zZUUEx^Kl&CgX7dnE3dxUv>z`_@NS?44GwU}r#U5<g;#yxyb6fz$7~_&KDf*Q<;@tB
z9l?Y;Us}+Wf<$zs2v~5X_%q5IfCXOlG>|TDL_WT>jBD5WX;_3PT5)%c0_@-}X<r;F
z8I-!wzZTY)l*C;W=#+)LCKDdUkcUaJLYK~MyfvH6+<F<sdJ|gfC7_hLM_gfgnbaPx
z8W^*%!ps$0ua8;pAh#YEQ?<ikjrEQ)i6M}P*3%dh$5Fd3#S7L$)TC6iK;QA89krf?
zTMri-YCSY3YZ$DDfe*JHib!azH?6haJhvVK;w`MV!Rm*tB_zZBL$tj~e<9XP`G>%A
z&n_IK`<p(tz3Jt<8+4IbX;6c=9@wQp-h;{MD~LHXq+)H5N;<;Mo*kt>LQL#XVJ{Z*
zAp>7Y628NQjO~PP2(2_c&vsm9z9q9L=^P3>CGUdXa8&A6M{QE#VgX(d*C0mcV9R#S
znYm_z-4EL@E97U{nm6q)02W`(D?5)vbZf6>2MVZ~mLNT?hRX-&I^NA>^%O)M#LNTp
zU;|Xr;iD8z@cIPQJi;;xM+=#XD9==2j5Z1xj7kWbX=t4GMW}^lS*~G@XF2ATEC)z~
z<A$0UI3n>ZK6G*dR$*nSg}4Qq&cdmNb6aSWlPwmr%3_h#E*2TKSg`HcVd{?un5#de
zarKi$t{zV1p~<_rt5@HTBDgfJzMo2ibALGR2I!B&O!QzO8V)Od9_GtxSd0rbxCEf7
zVl&LoXStuBRcN61<|04eroapoNo)Q56!Y`bZ{_FLY<6>3HLtiTJOQO5bV_kmxR*V`
z9Lpg01BVqifb(vm*j4Rit_sfyqSJxbDXK^~G@v4@k4ZepT~$B(d5AYKpfmuz3yu34
z7!uIUlq><vQB842HLW<R8Lgw5D|S>6`KcNuwT>#o9Tl8(dMih@sfFRpqTtM|#o3G&
zXCVrPqYMm3G&oBa;jDw<tdrwRJ(S6?r<$#YO6z4f>!UvoGSU47G#ycJ23}{CFH)$$
zT^xlO#27fCCOOQeG%y3`X`)|9C#lAQvw1jv;0wWNjWd`{ECaJ{w%4Bx(v-=f99bz;
zWo2t%0DX^33gkYTY%wL^1te&Y^bh2oP2OMSl#02U@ZbvceU!)Nam}Db(9=D;;9y?G
z$-Rn8@hXVPxd3%^&=~6KfJhx=!LEZs5(0O%Pc78TFlRRc-W61e`<c5NWk1K@C*5H9
z3m$L6A8D_nmWbp2LQ`V~H;jvdhcUNs<~D@{<-_|;7IYx<l=9*d6tv0(m*;{bJwWW1
zm%6+XOHDINCAg)=G?p4>mV&d~D9g?*1%_k&r>ka>rEJVnc5W#!oN6i9=cp)bWBxeC
zEu}FWS_%xOa-~&E(Jh6hW{z9R#VqCKmIA{uW>7e$T8eHaG?p@JEahO9a=xXdHe?|+
z2xd-kJ0ul5KpAA<5mfsvEPH5$S7z81n~!G?(Nxnaf)P{}umO%4J!uD&nys}HmRVRq
zb9)kNb0?B@8-Oh7=V?tG^NjMg9V)W^+yhe$!wxnbobYxY+jS`vV1*XHlC?zMahV^-
z1Kv5Xk1`)^>=mIMUayxfkp;XgZW`T+b8#{N@2}Zh9LltqToO%|yQTgd$t<0Vjb?_h
z3`f|624RWZrucIUXItRu@=ye@Sq88<4zPI*z^od8IT*mekaR(Hv7c^kYmdg(@gjhw
z6!d^~CON<?3}99cFq=XGrgg%o6n6Rv4Zx-~0Gnq3GruLk7WMH9(7b82%el#k785{&
zPCw~r?&A|n&Aa$d!<1_*K;u_*knc;kRLrxe(42cT{ooS!xWUb!JkOy#r-AYmg)$3r
z#u=O^IGi(DILC|NJkH=e!A+dem>8o*B_N!YsN0@{>^ep|^X#XYC)+KWTnSEsT8d7b
zyltAAF$Vc52Ki|Y`56u5=Tyieug712d{P7X41@gSIU$c(`wcD3S{80Cz_aS0W;E7H
zF>9r{wZM3c3}GBAvQ~;&E6uG1##04OYOFQG%#-ET(ijgXIT%mnvKLv)qp68AYk|)|
z5KVGxf$<nGlx2&o<<eMdOk=HaX03^HT8jvCLi0+yudrX5_YL8>l$UB@?^CdbTUM}2
z_RI?{^_h~3JnZK*yl{Hwyx__`KDpAAf~_4WoAwWq@68K6OCa4Cg_rm+Z3p<Rp+lNW
zLp^x?Xd%U4;KN~f7F&*Mt{=e&1>sf?^J?gyQ~VkdUO1vYbzFN5X;OO)39lKUZdtr{
zgs`6F1#`+pq<JXVUKlL(CK7sN57enua1d0&03Zb?qNq%~Yebu$f`Y=36>cD*2$%K-
z(wO!J(m20?G!XzXXLsy~^0&UgwQ$Z0Tv^!-jc6?Rw_N1n2AfnYxa?J~f(75=E*G`n
zfA<}(x3=Ko_hPHjf13-Q_{Q-T<0wNexUJ8QKd=P18|=)vfFq&f4B?oHhH;H^nPSdm
znmd;nt#e5hIhQHsT)^#8f!d_~oW{9;vqjKaxpT3xpLXtw9U2$XQsi7l71sfiElr)v
zRkO^wfZL@l&MOoszR0<ZXrhk^jdPh{&Lz9Vx%e&qHec?x;rhjQCz^zue`=d4#c0#=
zKyG^KeuEQI!J|^{%SW5))stMU;aPb;h-c+sFyPoYxjQS=kw=aRmx-f$N!fA1y*dsX
zCT3^2cOiS=M#ib5wYlB(EAkV^g;&MqST~+dGs|soNEuSV7CGLXmH5D5DLH<f5DQEk
zu=2uouUQ^BFp4MN;P_t1B3nE7p@DYqn3RNc4J4T6_sU=(i#*wtRU0?UDI#Al^j9fo
zETGXY^3m&sy{1tdax)z49U%X4t5CnLaQsZ3m1KOCkd-8|?FPZI-H!Pm?5@oU>jIuX
zhvV3IRt~nJkgJyIf@7A`<i;C>mX)xOD1A4>s{!)x4MM1%1`KA%yJAAiBBNWv)?56<
zeWTE7YBBQ`JS26aa8>nuKv{j@CaO$+bfeH-H7hy5w_;CW)e#QYlM{=Afh@d3FhNQY
z&bdOxB%Dy~_IkTfw;pI{R(8*UU`3snG&2veFjB(pA|zC5W+CGaQD;_i<8I3$+hBZ^
zI<xE!l3%|==<cy~6iUb7r4*ig%t|eIu~R)f$nR#c(}r-b8(c0M>o_}$2-bo`1`hs&
zpWOOR;nJ&SI`D8`R<d`<aMf#8j%B$m+Gfz&c(xGU7l6P~2~HPV;Pf<Jg)qYfb-1Po
zx~BFPv@*-nd*RF)j9_9f9Q4ad$-QLTO@ez>YM<iZ5lhqiNctwBsdBQVA5Igu$f=fo
zLT(Zw_No0^S#$g8*-kWx+CMaoN(5TW?I&$F3zn)l7v=Hv2grk;5}NRKLaiy&!IkYG
zpSW4LtkuPTyP?zUiW_w7Xsa19p_w#hIo`=`n2;T}2%Bs(olH!&6WEY=M)Lv+VATol
zhT7#e+3jH+vU&Q+v0DVsLZ-*AENo^u+YSAJkU9qUEhfOy_HlTL%Z9l#D?1?Uq19=q
zo`mXbp&GEC8i&zfp{5fQNc3tAI@yboL4i0|z~k=6<E+GStB|a+x|vq9P?&q;J!{DQ
zpB7Byv0H_8m1bTw<L)QFzEwEhGsz1Q?tVy9Vx|*Yv-N9Ro9n0J0{2u<&549>8i6Q}
zC*U0_?O0kVN+rnW-X&ZSbi24+TvRQPik`v&2iIBmVIZxY7MPNF5S7nwh^k?Jhi2u;
zp)_<nD`$qt74H@{3}p`Y!VN5W@-Uv20VxA^xD5jHbO2920$P<<q+Q-YI5^(R%?&0y
zZ05}Y_1FOPp%*UP_QFA40Pz5yi{KQ%6wkd|_=sudh#A-cVn@g=?-3-?c9cBv9-)u?
zXHuvrrx!83UBq*nuy<#6A5Nj9l-PehC-S%IA(WGklJDOpbPMVHw%djELYZWN8%l6*
zj=bv*;a4js0tE-|lr#AoPYSXCZ^FHSIdsCoc{rHt^LETB$85cl&5w7yVMu_e2R>)e
z>Fu4NM19j5B2t+XHrn8(abQA5IT@Vt-i`^G4}%vjfO0uN)RUA^P6~*~+jGJl#_1rQ
z_IJxu`9I`@m}!NlBg`4yvNJ#WVWHa4l<h!&6AR4n+X#U)yVDg&;hnC~EZkoB)c+R#
zveGUWx)=-0lZQSkbW~272f!gr1XAV!vf^Vxt1%6q2|#Hn;`^9zx+><t`pJOHJ`f;Z
zx&dZ+`#%Y<RoR_bJRO*K4p4ySZtGf+ANaU1B2=Y4Sd|TodRSHd$M*@B2o2djxJ}xb
z49xV+<2N1x)BN{TAF+Q@__@j1n}mBi$$+CbzxkhqRYGOU$YGE(7jTRm&R_B`!ka=v
zOhRL%18wjQ9VWtfz{<YA5U}L;-Y-Oj%E=V6!29;tVe-%e!iH5zTHuvnW|{*dsl(*u
z2ZY&`F^%7u4rKD_2Zg)El_4cHjQtvz%Dwi*n!N2_1*ag&ow?iowPt}HCqD?+Y;l(M
z^GTx&<9+}>j9gc1cqU-$P+SlsX_6fP`%XOm4!2JO>_E+QfF7s;Qbz~ebDR!1JNjT<
zoe8))_!|c(YY9fcbH&x0V#M?r;gDb<SARzMNP`*Qb;{Ymd^gP4@N8g?|DNq8O?lxL
zm9gw$2@X01Tr-FB)t?pC3M<{g!suI})0WQ(+XZ75!U32Yff+LNknpe7PJj~ckv%X%
zF8sVOUEQKG!bRT^@=u=^erTKwAV{1b=9VuA6%eG->#1%S+$s7E5t4XHsLVh4MZqqZ
zCJ*B3*AmDaBrCooY-pIHaBT_9GPt${*oEGfKq4=HN${1K=6V>zY!5m4i159Y&I8KG
zfRwfa`I)Z@w}=gKIx}LyksyEp?%)LD4E4d0eEm0sL*>=ULef1Rw2*6`5Pa3K{mS*&
zu6Qt!fBXrdP1xxSLP8`4cctLOhkCmQ3W{&{K*4-|>uDh-G>zE?0cPf)%{mx>HNX;d
zTMGpkI+CwHC9FQzg^xF$66EbIfpB~0M9>q6z+GUk7vm!@?j?_8f)gD|o_hlNbLG>*
zv{3ETehDW@Uigl1L-$NDi*GUH>0qK;)~v2+X$md?LPl^BtaP;13O{Gq&n*0eue!kH
zH3bf`Ke-nVT1*EW<gxDx_R6^~CNk9}lk}vpj%<8JxY*>7FaVwmIwcZ*MzCE3K^ZhW
z8JvMMJlxy%dKJvKduM_z-59q`2W{jF&j@u@Ry*3q8l1Hc28i%Ip^^Og8KKoW$BU<+
z81Bx&M+MHuneVEZ49>xIaj-nx&*LKI?Stg5?+HCUW?nEuWqN~}OKxz>!rKAw3}kON
zd}%|oY(aSsc9~7m!gAIQ>tVj<`$DTwJpq8{6Jt8)$=~_|!6F!~9dIeTa}L1u)gKC*
zE1dX!hdHp~Z+<9*;SvlwtGVDzfZ|hgBW2Pz9~|31r^uUw5kB^;aJ^u3(mPV-pd(-L
zoDhVs0Z~NT!HR=F7P`*zwUqp0KNd!Xl^EAE1>3#I;s1$XTR9D{)U<`~{E6_Dh4{=7
z7>sm>V;cU2ccaiTyjU})hQD4|8L<MUN@>L`t(aI^LGS3`WtkF=j(N(VX=4H3#)8HF
zM;kdu8w;%U|AwBNqmgs8f%i|P^EcPu*T^~ASnw_#lmGTc&e6ug|0KB1qazCl?f(*j
z&!drZv;p`(pK0=6YvdelEWliZo72nB_tJ|0fmyOp>LTC^C+9HNIeMaTDu08u7E1d5
z|MgT{&|3cg!BmX@kNEjc7wm@Q@s6yMEiNheH-GYsP@^NS|5Ui7p%=EAbZ?u4Z`~E{
z=C%Yo$(Mg7bW|5INRV7PN<u${uw(a&g0;GE6}KfQX)0C()f=`gK`#^1sb+Utg8qJu
zkbP=?swEiE2&wMURCH)7dev-OOK|^SLDY(anr08sW>*~26!l=y#ak0_8W}EO%42>A
z%dpEwRC!J~bqjAR#{7rL#LtCor1vGEapi$R@YE7K=piS6Ce&d6w{A#CD91Yoc`lT*
zS4-GkAhcF{)fQTUL9NE!8uj*`MZE;<GUzcW*faPK!^sG)o})&Z$NAYVWjf|EM`24b
z(J_@d>Zdu44^Ij!^1)vU=@kaYu+!~w<-hO;;d6b4=<u+4*g~%96t6c74To)E4|(i>
zxSnj-EAG%+qPD1myuMFtBpdgND@k^**u@I--`p!ce+@Y`AeNJ#91_=%%T0!A^0^^>
zHTm(^MTfy2bvT?>vU*&sG1%SqVaE`8a7gbZ4}4o}UaoReT->_CV)3*#TdXel%jO}y
zkAc{ShxA6Ge^i`Rq%es#yT@TCcRwoLRdp7gcmE9ZeLbSzOq*niUNA1MLq#j|&wW$;
zT@CrcA+doe?s;CUB47NeXd=}wh>l|FYEr1(`wgJG{RQ!oDvtxSG~3}X3#j^Q5CrV2
z$fM6gv+!gj>whYa77JQIUV0Ho9{wq4y)3(lfYu&9KIFPHq9<SWbMbu_Vi#7Bk6)v2
zBKI87UGTmhLv{Xl6}n4S2$sCPMwciT+~nRSU6bI>f2m3Lh;V0BSsAgEiR+;Lo{hTa
zU8HGB*Qn2q#HXU<<h9~ja`BX|nmlq?x4nFe*=ey^t>pE?x~+Pv(;Bjo*B8V(4Y2}|
zgM&J|e%NBM*vY#Gbz6utt7|GDb4Q)z)j^$k?G|&`;xe1tn~z<Qx+1kZl!#`g$bGXq
zvxb2@I}1wOd_;GV-eR%3ZDjF??n3gmc~xrfdP5DlVqRB8nvSBTpr*}iA$yPNHk0_Z
zx=QloHM$G9K%^~;Mxs&jiK9BR!4{@^o;j-9M1Fk?NdK@PDx}vn7}k;4G2IFhyj-`<
zVE5QV_7Iu6T-QwE3qYDZs!FA{`o(cj^V!RFTdTL2E%3+6dqp0YF|8%{TxMLIH(#Oq
zgPy#02wJ=QQe7Rn`Y+;&{MeB0ZEFnFq-OHvD|B^=Ay*#<k~?Ogy*skH2GTU6b0}nQ
z9Mi4mvreHp%tvMQx5Zlicyd-(pWl?#UAtew%10j2Nd{ZQZnKB;uRNmr#9GpMmEi)C
zdPY~B|I80`{d?5k<z!=BnLfY0zU(F)!qY&yuQF62WyMY3Y%I%vvr+$W4f*6##sKXF
zd3O}1^qG(z`1TuCkbm0=e{FK;ZzNxL>c6%Aid5UqomZs#)8j*-%oVBTooz7MQ}h>E
zeI-o3Rd#)N1=KaSG%MvN?D}T%&+U4Xy{NoE(R>X^g8x9y#m(VRBD~#|i6)`mIzGFD
ze9@y{U#`gd7nlBW9f%>7Zv9pCA?emT=!5yYy7lCgTmMx4VUNB|Ai*2-Ystp9LEC#S
z(yt^d|GCUi%f(>R;dE*$nwr`*9*V&nSy8rzT=q7-o_x4nf58^DPZ}N1&hl!ze$}qC
zurSjs+g={pTU$$>*6G%g4<6L7Be$>D8OewKT(O2!-)pMKkN4}{E6`<Ck#Ag~TSHFU
zpex;e@V|=JT}Sr(yS|n*_k;JjeMtYU6;`vYwb^P0e`<wETjWm%HMD;U>mNQVt?EY=
zsD1gnusWPN2CnjwC=Bpjas4%<HxBwP{@%EiyeF<ViC3h^2jcpL`rSiQsa=V9Y-DQ3
z#i{hvcK$mxM%tz-c90cAdTXV}ymf~%p@8ZA<TFphbX!$tDkJi!ejk@LPpZaX(3-~d
zE-d-@SH#BM3?|{}%w#%qaWlx@6-p%1SvXP5y$-bAygLp9i<G41kH(GUrMtuxI%_mZ
zy#HccM_w7zS5(7DQNqwnXbOPz`iNnzt{v!a|D&;n1d!|te>7HDlc7v3p1Qc%+`QWX
zU^F-H+HHl0C2j4>V1H?gfBK`bp<1KM<V=j*{fK@i34c{zpa1uS{&uk}Hj<ts57(77
zk%j9;J^4!)%-Rz@x((#&-|4H!>pv6As+yar-H>vMJoRI76FKmhel;1t9#-Ysj{`=o
z{<>Isk(O%LcqR_|&Rsm54o^?EYWc5zUaTS2Ull8t5mHW0TrXCTopG_1Ty#dPZl+DD
z!b0Jx_)N4&+WlV@H|d#Tr+*^Wk^3JL&E%f6SWS9vhTf>!k>pQABPTre6S0v$hQ0<d
zhRPn{kFR_UmLFDn^o+Ql?77~wf;8U%^8n0I$t?CpU0FSw3x8YygWS;rm^q8Zx`$w%
z?0XC*|B0WACOwUPXk0>9ej`GZHFnuI#M&zQxN9;BsELrjJOU=B#x7x1<^o17d$db=
zYqNQ`gW<VoK$t)rl4Y#8`cZKU@9-PL`n@GVL-F|k^P}PhPW!@7#g+nF1G)MaV%ug-
zRB{$w$aOyx8#v!<5&agWFA#2QEwMGHYR>8qGrDqe$IrzwTuL{e)8gK5DHsK_xi)f>
zPKU$M$;o9Pc}h#(ifvE~Hj;(=07#85iq%{X%Zp+Se?0J_3cTLO72rMmqG;yz)sL$n
z+wr&xG9V2sk^0~-RJfh~#S*x2dAnZ{H<F60#nmN~b9K=u$5X>;a@`|hJp&DO#P`1>
z?rvlz!0KiCU;Tu*LBnv_X>kjA{$<4oyI&SJG->#k!OxdK0N3-mCq$V*lRNJGrC83(
zdY%;Pm2Uh}yof)(=Sfi_D4dTERW1^r3=Jisk)la1oCf{=@=LL$1RZQ9o;sqdB|X1_
zRp~8f;$x>3T%5TEmXCk?wYdGlf@|BA4P{dCRBRaw?R~10aWnbruepWp`~rBI$6pca
zxVuusEMq9)X%#h_o)$aEJ*UABKK?7{Uh^xexpu#zLZ|l?6*||wB8Iu;F8z)Q7}Kj~
z1I+!`=+=>Aubz)tHhouYX5&xIvhg)>`xcE^BB4|)npwswA6~+@nLPJ-(MA@2qfVL2
zo)On^wIBG6*v#D<6G>ipLfk_(ye689i|=__Tw7dXd0gC7TypYj;-zH#H)0bPzVdYl
zPAN*sz2AeuTKO;pmi@1b7nWd#)7<klh|PYxAYOD%Kl0S;;C`v+2E(i(m(_zwFMU?5
z+*vf~Xne8MJS^_G^Q+2aED}+U!nl{Y?G16`1~$Q%sAYijB+zixzx-QRKw+I*#R8}z
zv6a;rwid>Y?E0bDP^pnk(2@l~3ZkC)p;%Kyc1Mk_p1A8_QM=`g*i>ReHt$Yc4sqfF
z#^ud_0jJy@6iWk#V&4=AWyVT<(+MypG5=27vWe-4G|N~LiwlONUQOYwW37XXGK?D<
z$wjxpcA@zXVm0?!ROB)iec^Yi&wArW;IkBg8<x=;0m+Sa>^aqe0UHFo-xGHi+T=vS
zk5$n3{z2?4F&}xN8@83VH^L_H^c6az!8YXZc-(Yb+`yh`OvlG@I24W!rPI`OPJ_*C
z_qf6sJ=E@o&6dly9BGjS6@IW^5qlZ3lM_D@x3#-5hk%I$Cj{!H;e*0o95*PX<endh
z^%d$boX`d<RgCJm-eZe8LtMww4xv@cIV-vDIdOAA4$kgN+~=oP$&#T6yuAi?wlvwp
z?c4i%@DSY8Z$btFMxl`!T^Rt&^Wxfq3KQQ~$t}MZ*K<ydkYe(M--_#uiXC>7-uuOt
zN(Us9+?Y^uSZRW$ApFY^1Q&jt9@aM-cPY%&D=Io^+B*ZmM}Y^8N5)?hD~c>gPX9)%
zC=j6;&!L6oO|ed8M|&x)LL_Fsv&T?Jy1y;1H&`Me%dnN2s-8V-K{u6+PfbNLIJ2Dw
zbHp8qP<YntGKbxc2ur~5k>{jE@Z@C_of>XE<tEK>@uG{Ju!pp`Ag;990i>n)RD>2y
zaYZRaXSwnN!O7)fDr3EQ$Q2FSi@~YTQfw+e&}XVrz^0eApO;1@z*MAB*GhrO4NDV>
zije`CVEJ`gqbtt{I8_ZWcTE{G5#d+j`tmKy$SR^od{%H37(A=22u-I2?aJ_}3P*UV
zKM<W2yA<ugh+aJdgjR0^r^->lrox35q}Wtx5Sr)EfI?H@MvJL^wd!N(bSyz0tTkN7
z{AVO=kJ>GW&vmu*Q43E>9A)T?m~9TLlWx6Q!cIu$DTB`zOcWa}0w-gp*wpYE7%#!S
zm)mNk8y@(}vkW+yfMVClH9}|__%lT&l}fHVuB&Yr8nO;sS(dM`o>TP*+E!sht18cE
z&x_AXnG#rX6;xE}sX0mLCK%8yifI9r4UCZIJkkkFd8qYZdOaHj1f8N2V${GzK+>jR
zInhYZNAx%ZHs!1phES8$YHn?I!7|_^PrU-3i0g{*RGtx?<-2$Vwc|4SBRUlZ6`V?e
zicO^eO?kGa5tj-bnoQ{)dQ8JydU|RaUNdlH!dBl5{}Id#*W!~FmyDJHvn=8PvQ^&}
z>vo01XCW-YC1*xp7I^iPm%2={Fs#>$HaEHZaj~Y6Qx~I9X`gyX<p<iY48>4o)(=tr
ziyfpwN*$!~gE~m%2b!-)fepOo;u7R33@Y@>;7t%~+JH~+d=eMxBfW<8)QDxYjJh?2
z7a&$A0^ti;UE@-A3Pwgs5M33Vjlqj5Sq2D$A%fQ@<%&$|{gfZf`zgPufmAJ7gU`PR
ztEfVtqDw7N;iZ<S23n?V>h~03)bG*OpnL1ds+S-lnTaQ(u*GjQY+=sN5`tAML>K2;
z_N+x2r+!3q>2029c!>JG9Tuy{F*Lk{t_Wh369A@VG%!Z$_#93!oCSTJ)wWF3NZE@K
zhec%KWwD`*KAm|&^p&9^MA&brt+$xn;UUEz^LT*@p&pNS8*RzBPd+JL<~|=4N-)Pn
zs)#di^RcCjn-Veiqh3Qj3l2F2^;3+Sx;0*mZf!Xs8gg8DnbN|`;;t&I6YS>3w73m2
z;($BeH$)vH0~>8F*htT`(rSqAjB}}Y(^!Zuv;{MrwME1lXQQr+cL`k?xv~$oD5q+b
zElM<G54+*@F}%5JV9#3gL^AQAA;{XWRW=H*@LcT0Yg^P|i8_atqb&lPB7m;68h!)g
zr+}-XIJ4jj1&afhgEbozwql$qrEF`W{=%uN$U|c`M#7em)4_G)h*PQ2t`+Jp#9iSR
z&flflG%M7lZcZsD1=MkK(lJ#``zCBAuj&I&hekH=((8UBt}EAAw??U;uj$yJXr&a<
zU-diic$`@Y`D`#@U5G%~`yu!Wy+ZsIez7fysyZ{?()RYeCf2I@DOfbBC5rDWlyKXf
zRSU#qK?@2?#S{q3pY|EnYIe>Rx5Z^~QH#~FXD!rX@u?A5j$yhw^=3Q#!QiT9=TIUP
z9$QLR1W3k;aMW<>DJKP^6SsB_2u$#Qr8^SFTntLC3k&*~USQM9xJVenb@f`kI2;u&
z8uKwOG^v4?qcPp*p-G7k<lF@~ax+pODJDfH2-a@kPLLUzuBV)xc|lgrydZnlO3~7z
z8!TtMN_0mT4|IeSib}6objNzjqdV1LUj5QWSa8Qk6bM!*!W0Cm1!yyqb@`SNd<rA;
zh^#g05id9h#-RJ*sNHUM3{%6bXU|$R#Z!}0p;#uAWWb9=EyH#i)mtJqOVnNz1gf+}
z;8RN}{t5#0Q~(X|F16aMu;V~qh^J3V5vWQi2BBI^U8Aw^6Q?(qjyvO~u-g*0vA3A&
z{-Z#RM%FN+i8Vjbz<bVDy%J;=+EBr%rxvC$f<ZAnViSg=mK;B5FmQj##w7F-Y#}uE
zui@-(JPsM0rIL!s5uhej0|ld2+<gFCJah-5=_kTe^AnM3+NHA7B+fD|B3LzCDqb~Z
zDr7Zf47F#~1%a!fM&t3eHx0tMAPgMIYiO`S(s3wahCyZ^X3ts>kH_IGLM95Yd(nFu
zJZ?Cn<D$W%#T|xcW!a<~XO*}J#cC;C)HM<eOak?zZ?kv+zINC>I|0w7Fjhqr!&oUM
zcmF_aFe<;MSl)~aM=#XmHk%z5B}2+xYJr@>xbPFrUZMOX6F(F$yX-ubD*>@0V@k8&
zb8A!Is8}9R41?0d0L)9lW3H>v8o$QCYp9Q1MouvYP4g%kkkA|AE|UdQkbq*Vo4Q$z
z!2rUwg~k|y6<%)6Wg4UqE|3)<Tqsi^Tx`%%RSLD{H^q95V$}Karm6GY+;3RJoUha7
zwuM--d@Xy{;&z6o$sJag*<+)C-C~b8L++v&bf)+n!wkM#a2hl`2FAnUPKy<wX>s6o
z$4yqhDXzHy_=~cQ&?+wMBK%7OCC-hbU1Rq+?e3CP4$^}U6=rDG8`*GvS1oC14K!2&
zt{GCuYjaZw$8@!NZWYATct3>hG>GH`xC&z<bj9XnFI)@9ycm;)U!g=4>1M{L4{WUj
z_*iU^CbT#if>0KEKl~R#quT`!wBt)PLa-p6iW1&wx<|nZ+H-UQOPWBZ2Gle!%>^SC
zbeYLXb^i+~mXHIs|CnM~jZa!IWJvGNMK>f!++mu}*cuMI?Ik27=K(-AVxhnTNfqEJ
zBvo`4mxpFm)&glU3Q#YE0aXyqp#xqbJSNuH4h_2?sls*Rj);;Y3Nobaad8XfLSxXZ
zL~%1E7|4*P9v9mo`4Do@enGN?8sQ|2el3VCPSNp7dOVSm;UGh!V4DUJB=F2hi7X_d
zDj^hr`pnPaH5X=;3>GJNYnCyg1c(IsfKVvgh26r=7t~`<m?fcP1thSJQzXzDwf9Tf
zpirRQZsIDlY=~hv5f6{Sy9YHLVm3Q%@B#wiU&o%ch)~Gss|vHjI>eK~X0tsU@+_q+
zTF@9XbrrC#D7*&7i>~4#6L?uViQzOWZcrN-OEFBi4s<8LpXuD;a?oisz_Zg6F2;+(
zhkF73jBZwWM&ni5N)%{hgr!b|v#T){^nqH9E>DUD(UpuIQZ@j*6k(yXNZko9r;F1v
zQnd7lq;l3Y53aza;>?FEFWUfcy%14KBM7SUUA%(ZX^F0M2f%4mcqtOpwMZ#IOPS8n
zGy+Ybql*yl6J3N}JEV=EAQ=g-^`08k)vU*-urgdUBpQlO4NZr~qC9?r@w9~))+}bT
zE$S)4no3**H?@=_PL%+og%T*@-i8Bi#>L&TO#GyZC`O=C%;G2I7hmwXaD+k=JiFaW
zzqs2fkfWuIg`a5W3gst_pY~8Vo`-fN{!J004WO8b>4FaZM{~2>FpNnP`Octjtx}4J
z(`dy(N*Opv=`)8qeJ)|4A(Wy63!wllZm_S_%rbTw`G{4`PZmQd%&JM3G)ZHq0+|Y0
zjVKkj#YRQsYIP~p(io~Blf#!b&0?qlfG=)f@qA<@N$CttCOmsMg$J(a``bu8doIEu
zD*_OHuz}YW#Xg*yx-<R^)6`4qz9zOAluGnj{F(YJ{tPqmibnQa>Y_M>;-WT@RnNm&
zojc!zyA7KMAP4l}AB%QHB#tq;<gaiL1x}BalTW4LXxE9S;BeM*=RlosJwjom9*MQY
zJQ6u|0*=+d$<rEzg!&?`4D&_&2l}FA8-RnRs}*i_T$KWKP?Z9@<}GQJx*@FzihFmb
zauiiJl$cguHyI1#T7lyVbu=RzS%*(WV~PbhqBXRpXgnzwj%FEsQpb}0#1641><N3q
zQLLkaO6M^uu-phfF#tyk=xJjFA-&wfME%VpNezH+b|8^99W5P1CKQK|J>dZAnO)8~
ze2iKhJoZx^I`*@8;5Z4a9_)$s`YeNHh^Hd)nD!lx)8Vp*BQ$6s`}KxuIxQ6{%wF2v
zj!>8;ky>oS4oldg4OJLn(fG0=TsSnW2F6M^HEs*0z#s{XD+gqeN_XB|W)U)I8GV7H
zXOHj($E&A8>D%J<TWmx2$dIczY+;hvYis_DmgFMvHO__SqYHWCNpVdXwVQ&dW<9kV
zdEq)!4cVuMD<srCTzi<uEYy@F{*qYD_~=r=O^w^1GPJtNy;4Joet|1UU)jK&8!(my
z(&iAU&==9XCkQQ02rq3e)Pa74TBTUCYP@!}QW<v@S4x43ER9jB&e|sR4ZM9cg@Jbo
zeY}2rIy0_48WD0hqVRU`-ov_ewe(R797@bz+IXzCFkGF&WwFH_#zf^($|8s{W*VDl
zcp<lgycA;|*eapfFgjW86(N&Q9GY;I=xV~Bai;32SavqT4M#YlrAZy^c9emPv!PK9
z{2AwJ`}t{8;=;H96><h{P#Qk)=aU#I?;Zryp_%o};t*4;(=)9o?l>(CL6(t$<Yjd1
z(3vTE-}8dFs}i?c>@_P3K9owpUM+8dEle7FEvF_8k~vKQg1kV5pduYjRz<gZ%e750
zSg=h4?=(WN46;CwYTz3(liul!c;Foj-gtYm-e9UMq~TbqMn7z~!{Ns>-xcdFve_ao
z<*=ZVSu9S~pm6He3S4^1MG@z)+QFf*M1l+Aq*AYj+$DHJW$9{1)kdrthMB+@zAM(&
zT5T3rN%Dpgq5*aAL=!ly%V;tC`6y5dG4h@oT_ZcGILxetO{29|kPo~G=eM69gymAT
zAb|*Gm5v(u5kLUr09>u-j|#J?KuG-=>dh8N_`V9h0W{<6q;FE!vmPL#s9?5EYAjN$
zmWjOhqPUvzs7O++!QMVoW(uOSG=>lo#%bRTyxRyLF%u<EIpDU(9bX3<z|rtZa`UU=
zCS4{Pp{Zzc<#)y1Yv5OrGlJiU3as2hPCcXCTzK*+IGDff8L@sXG88RlC=bV-3Z}up
z=bpjb5*Fjw;sZ_!`hfi)s<0XqRx*f4t~v=+dmCGf%-_`4k=wrnN6~M6Roq5}fjg*G
zPp8+BGv5=p<4CQfl{ivmAdE*caK3#jEysn1KH$(mk_DQhN<&L-T3#3jtW&2mt)uFz
zqR{ZPnCe^oFhtC7Ox|3Ufm8l!ED3ovkJUPad9{rz_>@f}1z#?Phh0%K<c<KSJ6$fw
zvujriMp!gJtcb1_8rCvoE#%f9?E{-E7p|~t>uF=fW5yK#6Ex_VE@*?YVUR-eU~n?Q
zWmQ!v)*9_&-~#B<z@MpYcwS3wd_8NtWQ;k7I?RxEqc-x!^mS$Q30Hy!Mpl}GQ>{tI
zTG0fsz**@8E|rHHQ$3YOPcM}-(HtA7bh!m*vYo#_<q9HJlm^(!z$=({D{X|X3!Fkl
zk;1P6Nhwh6wQSRLUEs3NPKt?eW*g?Bcsa7LG?05wi!Ev?gt^4{l(@T|krknb710?E
zBwNV%)0!C$UkIaui?PBRqk#l}rV}RqbU_n}30_Gt!Jn1szM+v7lumX|rUF5|#nVW>
z_#K!|cfBcADE)fst8iuH@UO&ON&%hzt*^q3pHsgQT}mn4i88rtc$GUv%?bq_Ro*fi
zRsMr^tLPrlN`<E|oSe2WoV)<Lx}+&OikyIUvgK9SNW?PHD6Dr%rj@{5w@Py7wXh*K
ze@nce46BLo74U6%w3#e?OWa*cS&BxIme7F&f-Pio9Pa0k$HfhGjI_u_(<17mdE2z7
zKY<IL{5N)wKVrw23YL9_%c#f(CbDD_Gogi{gI+LK%>><v!$t2Hsy!o@JTF#gx>x-G
z3^9<DlmGk$+{XLji{egl+0VrlToW8g18s#4qzA7L!ks~CJRC#*h(l=D#foXaKoK{u
zQ-_WJR!2?KL*-_oA`i!mlhe)>X}P^@DjG@@#?D|J3J(pzp~0WQrRi@s6{0dmhC5EH
zJv8K@o1^Vptk#glqeR>^E<?Jaam4~0Rt;Y{=cAEXIX%8_v5=-SVr>m&FB)swFpb0L
z6I#T;n#C<iU5&@-Rsuur*BJ*Ofc1?6fR-Voi<+y$;?g-xNfj7u(ldKNQ?+Oh7I#s;
zVn1GLH|or}aq+A(uLoz|pgb!wX*jl$(b9MfHDGhS(vGJA>A^NP*>px+&!`YB><Pi5
z-$hksmMK=3$78f!#SY^vK!?_%ZO+mf0*LXTRTS;fag*O(0awBcCkHI9kadW?fhB*c
zFjSXgvMD?lD$IU^#pZ_ho^&_4%>wkruU~;SRfHZa0QA67Q<crY*eG}^@sO2;o?4@)
zFxJ#i2}J<H5*EnQCoq#&PaCF6)LG0fvr9Sg$`Qm^5JB__O{Ie;f*xc^lXXZ_3L?s<
zfT-EP4TF0_Gz@r0Ojm;S>R4(AjYX4Pv>Ei33JV2H2|FWYx>3MjYYZ@O_z(<&!IH(z
zHie9gB8Do(5JMlSDcF!Hn$gd|tYka|z))%xFp4SmR4(5Z#S3Mjc;U)Zy!1Adttq`2
zh~Fc@FL^Zcucg54Dkpv-qH#ymiGQ^5BmGKD5kP1OAf!g~%?M;B@ZpG+^xB_`UVX6Q
z;aV%+Ybo9OF_}e>VIQMGr^9suOTni()DKvI?8f@YF#h4%ao}*qry*3Q-?KrRDPNU=
z2?n7aY}wyRm6COd$)s4K8l1qd%Pf2mzC5!BKYy}nSkK`E#;qr(4#AEBthvpwi!nk}
z;Us6ma6$f_E`0?#9Rh0uPraVj)9BGaDH(w9P3}bsFI|<G7=(>dT(HJcT^N9PpH&3$
z-ztPOHYsY5u2q^2pBT|Q%3v)Fkxh??yU2Yt(DjcU)~zDDn++xtH#%0IfOG5ykH<3{
zVh7nT@>o5dP|;Z=AS?Ok1n~W537>)Sv7CX$jhkT)qzfz_@H3^rp#qC=gC)$>&?m6d
z9z`IXU{}2$>erM&hVh`Up-<G;z!SLxE|WRWM}rc$AaCdl9POgP7FcWrsT&7pv#S|g
z3?>a&J14G$S0(q?==249vb`qqgEec(+q(cW57g)k<k9cK$F7PbRTgNkdja;J$aMD$
z;_fOJ=8kD{&&^JR(5h3IK0ul$hxMEEIG%HClUgE_CJ$(>ikyN~*l7Tif~HwvS<)0I
z#Z4?yQ6m&Oaq}5*2cx*|a`-}xx@fU4TBx51TS33M0SfL?E+sn+n(u{K*!RM;J_+@u
z#6^BdEydVJD?#~I7+w*(xagx|%Oi}5UJ5h3q|Ew*ca#;W2(u>m(h_`utk^TD`p_f>
zW5f%~st9&pdCPfdMDPwX<AW>A8yL{&$JW$un9=o(kx*+Ff6UBSPzJnHjq;HXT<VIy
zFTxf&4LPoMCY76dtkz0!sYM?<)6mmp59tY*tI$`uxEbcNG;Ag4Lp!nD6%|D<cjE_5
zmbA=zjOM9=`(BB7D$1~qW>R{I>!2<)KTTd}Fl?n4bqIV_qmt}@36=^dhb$L$*{8n^
z+a&tC2v@WOF-3r23rWCLnL0*Q1Q8~Pu3+pDe9<@;kG<oMbbVq3bZdJDe66E_i7Rm{
zj7W`WQ0LurJIf{6UJ`u;^=t5(92?1}UJ_kp$jO!&DuXXG@O6)iI6Ylun0&U%uxIq1
z%I88>a#D3*`0v7k!g!z)myx!Y#jQ#`?tNGlRUNc)>Jss!n$0pATtgA7&B4O3yEYpt
zl{7R^@r;(!Gvu~<2p)#J$QFuNmDgBwzk_5&1B3;1&TH88l#MPbb_)&ZEs%}In?9v$
z3Kds0l2i{E$n_%VLst|hlZI2h&JhXO)Vr#DJ!BlXqR=O_5qrWRcAiK3B|}f8s3Wf!
zj4o(kFt(_W(A7#Ti$)|LdqZ4}3e)+`O-w^s{;Y5_N+F2=sY3?(VgrL%s|D6w2g_eE
z_331$${<Yi@DUBgB1?qQg@o3th$$F@O=Vh(7J<W+%QgqGNCRqwJy$wSgV^gY*J(CA
zdH6bnQAa-drg*g`Lc~u-<l)N`(_;SSwEj6G(dkVM<n^q+JpbuAeWii?s?G@M`%06K
zJa82hzUzekf(!DWe6N0IS-y?ve_KZW^F#Vt_(p&42jKO{nf36sH_Ki6{ZMen^(IIS
zSHMRU|M4z;%LP{W`W*H2@Tss&I=gE&L010>zIt=<hx9wv%_f>J#jnRDTJfWGN`22w
z6^$fy7lg;BB4q}0--q<uDu8l#IFx}*`VGMR+K2S3^3U9*ukRzr-q5eQ^MKK?YCIH)
z;1_V3cRTQdcNStf4xg<`jhKw&uKzGr2yoHzC}{TT5E$py*Wp8AhlU{P*z*oJdr^NJ
z!Zs*tB!3C(R+5``!f6x7U!i^FP==A5x>moD)WjgNqjc|i1HKiv?`G4={Qr4Ff6_}n
zLrkstyKRQNj$Gq{z~!CqH&kE1zg`9(6B~=9vnl8*dGZq74)UDK@J;gQUm!p}{;0kx
z|0TEKBQ@Kl?)}|;2b%}HeVyL^&h7&Tl@9_A#pr8)_DL2v?DFNKhBfPl!V#P1TWwkr
zO0dpp^SB~xYl7csV+7=>D-CsxmXO2gDSYRR^I|l?rNgHXtV8xFyc0C6G2jQ;l=6rr
z;utp5@-i%^P1SnfdS-+jwPH>2H@whTeUk+o09)y`bu?z+Qa4)N)~G}IE+neT-p&<u
zxG8E6L(W<OQV9{$BW!j@hgmkCwZ-4^VW&5^?RL25x0GMg?It^Hd>m0N4ZL^Ks<E~K
z&CX6R@Fr9W)M4#fi13Gsw8WQP)aqe}!{yRi312g5?a=77TEjMN^YA*PsP+12*v-%C
zvDQ@r+W4BVE9z#xU#+HXuMfK+JHfJGYK^w(jZV8I%rEUT0+t9bYQ1qd66H5<m(oxL
zYKDhw{Klk~g6gm#9CkUDYeF*s8=bInShVJ4ncQMEqEQ#WY|9$a(l9mP?6O0P1D+42
zI0(Dl5wjMMoL!^F2B+QbR6kUTfTX!jtrlw<!^6?gkk+Ic8q{J<jXN41wri&u%b21T
zP4*#=a^RbFf^ln<XtFx(A^t*$kzf|ANC&v%9tABlcrB1n71lY2B12)eoh!&-aD)sc
zTwpHc)hb}II4pLpbj+BPDByul94}A86mUd_qG7EKXx4?!2l!~Mm1ky|ZdANRfd#V%
zViB!$y6;vrVA;(fxDOf2q^DDni<@b+rbim`^CiaS6<YHAm4?cuF#T_dRE?fZPWqpQ
zgvS5$b6ASIj>620YQ0Z^gc`~ac7{U{Gx^GuhHZ`RA@{IH>$)kirp3*6xR+sHA`U4O
z>rko9;o*q2Xc15)F*-`s0IfMf+WDeVQK)RPhaEPD7DZ~k)`x6h-|E$vfrhn33N?a<
zat>=1*U(U9YFzLMjA3o(S#V5ejm-r|dbJA$<JMTF$r6UStMwolMHT6=KH?g-7D*|P
zP!-mNY*8~mIl+)gBQXkExE}7dY9UE^wF=lQ4m-bM#+a9k%KESsMq6uy0tr*VWp#Pn
zS{on%pSB^J&8{^8<;B00H5z7Z$ZE+CbQ^xOn_O_*ux4d4J_~pIcBN;cnM^zqB{jzl
zJM)(wH*E8f-=8vUBQ~jg9kG4ca36`DGDPz~{IX%%n1Apw!((On<EIVp5=i1{!<EGR
z9m9$Ir@v#kp~?vHS~|091WriqIb&FVljDp5{#TxNoT-?813!K|PbPH`X`T3vagywK
z#`r68^{>nI^>6*H<4eeir;TBv|Bms}{HpI64+}+~BCaO)Uumo$$3JbXCii{c_)z|i
z9~j>wkT-ThxHZ1g1gW6S5R;{!HC9r#W6v7BCErelq89RpXN?WDXZdzAL5h6ekBoy=
zV)He3mYM3w+Hzw9dG#6NMYI#-eSfZKpkEY*t4jKn`A1$hj#k#G-zVJxpT1?^?1m&w
z^EG7k?~M!Ow%;2g=lGcK3-uK><jf~3;KkfM##ID9>)TA`erK%G!MA<MySE$b^S}GO
zaf9BzCqCSKVKjvYp4lf?cMVNXO{G)(%FLc<C_K`9;Y>6YNoQJ{FQj8cE;(qdZBnw3
z_zB!yTdv_W$C#fZf6Z4k2B+ZEz~p!+1K)6NZ7%x31StXw|85x`9xnW1R6EG(*UQ)G
zKvD9OpBUEdWi2eLS#vzqeBop|9EUZHs>-{;bzM%&rgloGG>W#y3%=Ce>P=rItFc7D
zHJ`26T3sxFYD*rv-*llh6-vUld08*0YRl_{WE#6Qd5Q(Tl}1|j<@B)}hmR(|BdzZt
z-+B?CF#NQB6=|N*myu`RVS<m0!%ij-JDEmf9`<TGbfozqlYxv~ZmJZVq_^C(Hs4uc
zg8vf=+_>do<MtmHkVwQ-|Cx;@S;$Mxra>{kW{c^Q;_3wKku0!9YHglPz|(F={>iPT
z{XR0>YpjE>DVxfx)IAhXk<j~17m?ephlJ~@Vfawthek|u?@O3glbsWwl&V9y69)vo
z{2Y4BSWB8#7|Zil#!Xeb$-a9Gru->lx=)us_CZs4&91X;bhH4ccBLNX^!=vx1;v3k
zU(>8z@WHWdzi=i5r>9$+86IuQ_plitVhDFC>lhR9mI7SM30OdXcZ@D}=Mn&4_<@|s
zasmqc(ac*)uool%wh`Xsif%(g8QO==EArI+rj2C9{iZeK&-a6i>UjX1-`nnolf>I6
jOx5H{d`dn5gX4a{bTN7D0aFDz5jU0PKX<?BYt{c3_#s4w

diff --git a/dist/css/tabler.min.css b/dist/css/tabler.min.css
index 762dee19b..39aa17f84 100644
--- a/dist/css/tabler.min.css
+++ b/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#5f6877;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#eff0f1}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#bfc3c9}.table-hover .table-secondary:hover{background-color:#e1e3e5}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e1e3e5}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#5f6877;border-color:#5f6877}.btn-secondary:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#5f6877;border-color:#5f6877}.btn-outline-secondary:hover{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#5f6877;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#206bc4}.dropdown-item.disabled,.dropdown-item:disabled{color:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:1rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.8125rem;padding-bottom:.8125rem;margin-right:1rem;font-size:1.171875rem;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:1rem;padding-bottom:1rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#0d2b4e;background-color:#fff;border-color:#e9f0f9}.alert-primary .alert-link{color:#061322}.alert-secondary{color:#262a30;background-color:#fff;border-color:#eff0f1}.alert-secondary .alert-link{color:#0f1114}.alert-success{color:#264a00;background-color:#fff;border-color:#eff8e6}.alert-success .alert-link{color:#0c1700}.alert-info{color:#1c4461;background-color:#fff;border-color:#ecf7fe}.alert-info .alert-link{color:#112839}.alert-warning{color:#644602;background-color:#fff;border-color:#fff7e6}.alert-warning .alert-link{color:#322301}.alert-danger{color:#641c22;background-color:#fff;border-color:#ffedee}.alert-danger .alert-link{color:#3c1114}.alert-light{color:#626364;background-color:#fff;border-color:#fefeff}.alert-light .alert-link{color:#494a4a}.alert-dark{color:#151a21;background-color:#fff;border-color:#ebecee}.alert-dark .alert-link{color:#010102}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#262a30;background-color:#eff0f1}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#262a30;background-color:#e1e3e5}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#262a30;border-color:#262a30}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#5f6877}.link-secondary:focus,.link-secondary:hover{color:#3d434c}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#5f6877!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#5f6877!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#5f6877!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.topbar{position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topbar+.topbar{top:calc(3.5rem + 1px)}.topbar+.topbar+.topbar{top:calc(7rem + 2px)}.sidebar+.content .topbar{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topbar{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topbar{left:0;padding:0}}.topbar-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}@media print{.content-page{padding-top:0!important}}.topbar+.content-page{padding-top:calc(3.5rem + 1px)}.topbar+.topbar+.content-page{padding-top:calc(7rem + 2px)}.topbar+.topbar+.topbar+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .nav-item:hover .dropdown-menu{display:block}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#5f6877;background-color:#fff;border-color:#dee1e7}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(203,207,214,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(203,207,214,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#5f6877;background-color:#fff;border-color:#dee1e7}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-light):not(.btn-link){background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 90%)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#5f6877;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#5f6877;border-color:#5f6877;box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#5f6877;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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}.dropdown-menu .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.row-lg{margin-right:-1rem;margin-left:-1rem}.row-lg>.col,.row-lg>[class*=col-]{padding-right:1rem;padding-left:1rem}.row-lg .card{margin-bottom:2rem}.row-xl{margin-right:-1.5rem;margin-left:-1.5rem}.row-xl>.col,.row-xl>[class*=col-]{padding-right:1.5rem;padding-left:1.5rem}.row-xl .card{margin-bottom:3rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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 .list-group-item{padding:.5rem 1rem;background:0 0;border:0;border-radius:3px}.list-group-transparent .list-group-item .icon{color:#8b929e}.list-group-transparent .list-group-item.active{font-weight:600;color:#206bc4;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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.bg-blue-lighter{background:#bcd3ed}.bg-blue-light{background:#6397d6}.bg-blue-dark{background:#1a569d}.bg-blue-darker{background:#0d2b4e}.bg-indigo-lighter{background:#d1d5f0}.bg-indigo-light{background:#939edc}.bg-indigo-dark{background:#515da4}.bg-indigo-darker{background:#282e52}.bg-purple-lighter{background:#e4cff9}.bg-purple-light{background:#c08ef0}.bg-purple-dark{background:#844bbb}.bg-purple-darker{background:#42265e}.bg-pink-lighter{background:#fcd3e1}.bg-pink-light{background:#f999b9}.bg-pink-dark{background:#c5577c}.bg-pink-darker{background:#622c3e}.bg-red-lighter{background:#fec8cc}.bg-red-light{background:#fc7e87}.bg-red-dark{background:#c83843}.bg-red-darker{background:#641c22}.bg-orange-lighter{background:#ffdebf}.bg-orange-light{background:#ffb36b}.bg-orange-dark{background:#cc7522}.bg-orange-darker{background:#663a11}.bg-yellow-lighter{background:#fee7b4}.bg-yellow-light{background:#fcc850}.bg-yellow-dark{background:#c88d04}.bg-yellow-darker{background:#644602}.bg-green-lighter{background:#cfeab3}.bg-green-light{background:#8ecf4d}.bg-green-dark{background:#4b9500}.bg-green-darker{background:#264a00}.bg-teal-lighter{background:#bfefea}.bg-teal-light{background:#6bdbcf}.bg-teal-dark{background:#22a295}.bg-teal-darker{background:#11514a}.bg-cyan-lighter{background:#b9e3ea}.bg-cyan-light{background:#5dbecd}.bg-cyan-dark{background:#128293}.bg-cyan-darker{background:#09414a}.bg-white-lighter{background:#fff}.bg-white-light{background:#fff}.bg-white-dark{background:#ccc}.bg-white-darker{background:#666}.bg-gray-lighter{background:#e7e8eb}.bg-gray-light{background:#c6cad0}.bg-gray-dark{background:#8b8f96}.bg-gray-darker{background:#46484b}.bg-gray-dark-lighter{background:#cfd2d6}.bg-gray-dark-light{background:#8f95a0}.bg-gray-dark-dark{background:#4c535f}.bg-gray-dark-darker{background:#262a30}.bg-azure-lighter{background:#c7e6fb}.bg-azure-light{background:#7dc4f6}.bg-azure-dark{background:#3788c2}.bg-azure-darker{background:#1c4461}.bg-lime-lighter{background:#d7f2c2}.bg-lime-light{background:#a3e072}.bg-lime-dark{background:#62a82a}.bg-lime-darker{background:#315415}.bg-dark-lighter{background:#c2c6cb}.bg-dark-light{background:#727986}.bg-dark-dark{background:#2a3342}.bg-dark-darker{background:#151a21}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler.min.css.map b/dist/css/tabler.min.css.map
index 3ae7ed9dcdf14b6bb6ed32b438c1954de4763beb..14c0247dd325772c80c220f5c195662b46c3c93d 100644
GIT binary patch
delta 9815
zcmeG>X>=3kwdd1lMv`Z&@xCvzF#%&4YqMknF^m?=w!Gs7Qc{pD*_Ic{E3!!wOlcaL
z5HKj=LP8*PNz$feDearIuT9KrQ_>QsdFe?Snx<rF-bqhGOp`XtqshB7@&akzuh)0l
z(-VBKKHcrR-`&1@KhNx2_w?JgldZkb*g=@c=X!f!GE5lQ)I_o)FZK7HZtQ!3i@YC>
z<$7xbeZVdVf_}(;dhPhD6sbF%|Ahd>)(H+l@0SpDrw?rZQ5@YgU~j98T<uSd1gEm2
z-{4F$NsT-@m31BRcT-uUDROPfb{(u?p9JgQHwOdV7m)2K8F+0fgLqEAx6iI%>ZHvY
zBB$<30{U5!ayoF|mc5WaMG_*@)jHT(K+@aVD)rrV!CS4bmS_j;l8#N%(j)k4^kKWu
zXP?92nHF*GO1)PYwO1nT7!t@Fb;4GAjU>%vhlv#=b8~}WLqMNh2so<s4YDpmucJmk
zVHZXmb^7%ZWW6xzsMi<Sg$YMfRE%5NW)6odna?A^JQ97iw35$N9l2^t-d^r#)|c6Z
zA!ps3+M~{1RL)`_aawRIL>ZiOf<1!KDHE5?LmC86z21Q5az%yLjXHa(1iclRi%<w+
zJar40!KxZr>>Q@GTEf890uqia8;OO6$BC-cB}m6baT_IFQQSBNgCuUOrc%P7xOq%z
zO;p@i4Lr1zEGa-uIu{giU1w^P=@pQ@Q}DpKrR4i@#yXcQv%9Va?PO~dr*0y8MPl@8
zY0ZK+EFSpfa?%%5QXkc!tR9?&q+K!C0uL3Ee#O9gkzGN4NEq`50eupg8S{fdPc(|6
z4X|2I3KTuJfLBkJDT+42-Fk9|!gdS96qEIBy)Mge6WZ7ja0N$jVR8uGIrG;E9rb#P
zv)45;(u7(%1FqiTrny6VdL1Eqv%WLn=x{}yB_C5Zh|94}++9o}bb{5<W1ml;BB#wU
zV23<2xt$A{nlPgr279lm3HJ4nBzV$HQrRLSf=viE8sV~;c=F6nDQs;HgUc0-6FGLg
zl0Q5G+OiCW>Par=5zxUH9SAOiyjGGU=XDAOB0`GnM*ENf1(%`VenV4as5dJ^<{olL
z_#ubUJ|N*kPJ_LCo3wF0?3p3)5K~Lo?2S&FyGHLRbD*Q-(^U)3O8r2!?0&eoizLQk
zmekhk$Et<(b^3OA`%5GlZnu!avX**%xJt67Tqg|jZgK|T5-r;)?cOO2V9LqRjY1GJ
ztX&v`%NA0s-iBYig4GVmrNp|T2jd@;HZ-4nE{R!YlUE*L5D7Yku%jBtQB>gWQqrYD
zP-~gP1Mig*PpQ>{P7K+{T*J~r-n>p|#vFHSb#<3ERih#1a9&Avos>>q*jG%_;PxG4
zqas)ZzurMY{6GoXDqs)0dP`7F6A1fAV&wRQS{(W!;i(Lvx(0U<Tyv4@8Fz#+IW~qJ
zLAd))@}wGrADJBuk*ndv$ZSLjZ|@{DyuF+7@Vi}v7AL<<zDcZ-6gh)rlgnOjm9%OX
zD&-pIsg`OJ0#LpbB;K&2+vNi9FGzCa;iGhH^|+(gA!TXUG30<vyGVNWI2O18{BE(&
z6$sb3V;i~>S*=c(+C{oF#;Qt5)3Pe~co*?%Mo|fW*kP)Mz*k7Irq@%cZx1{AJmS%>
zkk`rbKzFkXqi(`wEWxa3m$Y#Sjm@~}Hdjc(^&xI+NfSJN56LJT>u#==sS#3*jz#Jw
zp$AjQisS|fX+`qUk|y!WJ>&(2!svywdq_+CeARSGWn;)LG(i4dvWASo=DlPUX@>{)
zk}@&?&+R4e<jqw;w7slN^a7Ym$$nQ2-X3||)8NlXNiI<PNGBJzHCO7#>?YT?vSt|G
zN4~;^%A2LD&f+RZh-yC(xH1Vcf{^j@W>_5|IvCwg^0;u(9Js%z8IJ8IC6FB<30z;v
z9Jmz0NSzOH5fTeC`w?fE$BmXW!<GFcKLI1mU+Nl=;9=aM2jQUz$>7FHWXsAB@%{*T
zR=Ikl990e5t*-IG^^zZLuCc-OE>zy?Dk(#1`4;gA<5))f95$CpLUuc>(mBM#2gwuK
zgub4ZN_~-2aAE;<_Ena5w?NmUq%NVXy9MLfCBcgjZtiXopMI2FQE=V;Em+kZeU;;V
zE#gz(BAJ8>jUp)Q7^&Pk+9JO3I611wz*`lsh{a57lFGw`L#VEXL&r&0T78Ya$RSk*
zS;Hm)i$b>(i$dh$U~=TC2pxky?W)(0IE6mAdYo(|!=mQ|G10802=%JARvL?1VAuCZ
z89P)G1q4f4#B<*xE&TQ(YpYZh0&cUlRW7sc>S&E>=yh8poHyX!DxtgrV&?934C+36
zuRA2c`;fQSinpI!p&F#D3m`5K6&G-qmm*G%rG{ZAwh)~o&T>p2%x@|6#3Mf?ACP53
z-EC62z;gV_Uqf!2g!2r$L)~rg<j*h*%S%vV)D*++iSD)<R0~7gHRK*el6QYb!kJPO
zW2tl3MT?Yc)ZN`sulJ0&jrFkgEU{?D>MHf?N8E#TaOQE62tPYZk~INzeD#RiTnn$C
zC41Fl4VBW@Al&v0agl9s<{4rp2Ke(cWL0si<S@CKcqCtq+0j??>5HXm#4cch%JtDD
zG(+9b$!ZpBxNHTF!z@OAPI@RVJly8e4>-c^p5Zo7ohRk|&=?-I+dknAjv=Zcvd@?p
zIWb0y-RH?VLWRcL;9D1nmFgXD6JNVP+=MF&BZG7)nZs=hmtbtl;;l3x5lFYvAQHS{
zCV3)WODl;IBh?F&&y#e~^*k{s6b%CGxI}C)^CGDb|M+Wifuv!TZ0&P4y5`jGccMKu
z_BpHIxl3ddgMA_vSFrttJf4Y^>lZ1TWXg7=#FT<po+qhr{1S<YbBx>TF|^Qd(P)Sm
z*QS8$C9;VP4YUjT)*^TRK)d+umq<08He^Bw-o5Bni(ROc)&o^Nrgn&Zm1HFJNmy(e
z5gVR^m%mDMx&c#rr9R}4DFvxp!z*9jYs4O`LXj|mR7Jrkcd!b@47kw&f-@+8IKnQ8
zsd8NU7^pHE+u^6Lk{xMd7Thl6khTjrBxR&6`Yr8n>uab?NWx;{fLJSXNpM-2Aqy%q
z5v7#Ra=kJr5`O*~Dl;7A4pyO<zACH>g0o-#z?vZ$pt4{37^t$D+r^~U$yowvZxCKA
ze1nv%Wy(6rP33;^^Gg*8>zOWdm!+!|;>H!JaPPRHkMS9OW?vaJWvR1ZYC^$7;e;Zc
zF7?~|<)F(^X9Az8zBT$?9LiKrq>4B1Q<MjwT&YQi4Q>?=VNg35o7Lto^8tzDQfY&&
ztjr3zhv^j9V_=J5MnUO5g&@zz+{Bhz^*W=~guiS+cCv}E*2s3q9JEc616SLaRL1JH
znQUF~%fs|x&iH98F~B{bZUW6th6QGtO@KeV#Bt)6A5i}(1=ilF;Gn;oijAtf@%!pn
zXiTLv@Y^J+^g5PX+^Seu#1?&5T@444RB3RYFg!G*QZW!bt!ALX$f|(9K&#<$GBt9e
z01kFlT}OQ1jRG7n1)K`vb}~xP`cz3U`(t&kIFm{pC;)>(qk>6M!NB{OY!>WYLnXlE
zP6Z8~d@ded-pi=OFTbc>7YlEfs@38<)l|2NnBk)b71@;8Xo3snY$_NMW0Yd(iuw@(
zv+u+(aN@8cOEk}_FWG3TvD9RPJVK?x9q)21PH_|uHDLt{qxVonbVt9pvk$f}*DR%t
zokpJtghEXkv&3KKFZV<ISJ~wGIJvxBW1%eui=h<O?WUF}jb>9R2zEA|S>o&JGIq+u
zaAX?_{`&3(!6yneI@;hjnar|am}M!Y!rv7oF8l%#$F0y5(gu^kYJiFrngZI4v<5g+
zt4&ia>GJ!#I(;xyKqW&kR~-XiTcMd(`P#iyJ`x-J#sy-Z*EdIe%XUQ!Y~Di^F$S-}
zY%s&r9x9JE8}SF4YBd?Ougllvmj%-uU7cM%cxw+;!Whe>ANcPgN$C!Q&nPQRFY(!Y
z<q-E(HU;?iSsHQ+Fc^03rIycIPo>HbpWRD6&A|4cnug5ZQylEMph$+#4Wl!sNAYW8
zkY?b@t4xwOdw^P!NSn*dUNfAbm<&3am_sg28Z>;13eBO6*A$tIKbns7I2{;HQMP&B
zDMczHi|G>gxiyKbxa;32s{?W~(94GVG!=~1V(qk*iLoD2_b0=zDpcuUh*PS>if?Mx
zu;ND<%KJ;D6k*^}g(?vyw<u}x<eQqiD4A4jd`lCrhOM_Mc^LS!CJ`RIRT(F(^mk2f
zQi{`?=!$r3)OaP^1DB6+N?4kv%7=#!GU>3IVV$u-?^a!rZsllb5Ld99VRfaOf;#-S
ztvC?$`Nvo3j0R)*YTfM;bdGG1VQ~fL88!!c6{<MOfUYs>xGdPOWOu>`*D#ykRkC?7
zldVaD4{y`Nz)63s2DZer>a=-@D{=SYz^H#<rMGi5u+<MQ7i!ZL%a+}LQJDyhFHrH&
z(#R)f>2&@6uF+LG)8P2(sG2(6aG<+K0s&czo|$abaH=I3rX8IYxEiE?3-7Ag6xI9z
zITiakN;+w;irp+Po>j4>^5WxMz7Q@P(y&mbW}krjMz|ChWHqVctePz$Fr3dP!iIE?
zgTtw;7EICsM`PG{Fpkm%ng!cHJd5G?=p}T=?_w|pAqH#RNrq)UVd)#llCu~17cIKD
z`h-leoMqqR#N02^{}DqfFgD|o;rGo{Tx`@5J)y1sVO<3r+eD?p=ku{*zuHV?YgYP(
zLxa9hI0#qIsZ)s_E;m!T&}5~SLG5KV50h`G@Z?QYhIns2yMYq#n4(w5z}l^f?1jWg
ziAGTNn_LVWy`)e>&dt05p0ThAN~6KB6!w|0#Kk^Hf6N)nZF-%_V3dBr)Is$a%qDR<
zc(OyKhqsLE{=Xr}maYe5lxoWsCJP3YEDJg_%fPduT1|X#>;XCrKK={d6oxCD7B0Wb
zrc2Nd6*_qF7-rH70-FR|b}-rVDBX9}IY{AM%cenYKBa?__t*jiOea&h_#qsom%!vR
zv<la+q)-{~@Fvy>jas}!Ca39mxV(vph24K)wTPcJVr<VOGZO94A$8Gpd{r?00!_oM
z9ZVh~$ph*Pn9)%Zq3~CQ9o9LR6xea6Hu1o(RBDAz2N#dh+u`0LbTT}Agf`AW4#Kjt
zbQ~PLnNNdtTR9pYD`ib{xNXp8W$_NbhfaWl$LJ!Z6!);_7+nrye^KN>(MCoCp$a}R
zW-doNMuV`sg5LlJ8>?h6uq42h3V!%{g5I^f{`&6^ujMNt)W@mB!ZLQRLj3nHGB0Tq
z19*x&4o&ldMk#L2;}RG+yq~F8NjVw{j=-r#MIuZ;#;f4PK|U4+^;kf4=T*vh+_lp?
z>?@ul)Oq3J74=fMJVeouJ&aWB52zKQF2Z~%0cPH0l+1v4xI2KMX`<4^C%(a?C|N07
z<$#Wca&k<Rq!=p|#Qg^S#psmU1Mf0wv9N;slTy<4)J07S%+{bgv`%hm@_<iQfqI1c
z^>XbR4uy-6$m>=V!R(6~269d^%OtkhfHoTj6|@q1PBI)!A7@hG;YVYX@OmX4Z}OZ*
z34c1y)WS@aQVABfDjBc!4JVkDuqCWiia&93k8q;)$IMIa)Z3(uqI#~<8Fa;lmA2Ah
z{{Y~<kO*676{gZ!Y$DV<X%5!Bg7xI%4eHbbcT;L$$~AHDdEiz+KcmvXz<DkXV#+m~
z1j~Zy2eAPD3b<5Q@|-IEz#|L;Zyw?~XaJQ88uv2M_5&)9;4L=KpoYy1_I~GX(P}{d
zoJuS1WK@qhX<xq%FW<EXnB{QCWnLfUuD-;*BW|o!HBjU>IJJyTVxqAGM;cT)ux2B#
zftepF8PM4@YPi^-%93Dc8m&etMXBdy?iX+{KSnEFYE+#_5uYZpJ8puLM^zi)$4g^5
z@%H7hwRmS8RUKb;U9a26h`&6qs;~V&cf2p(_F1p{S+Dz9uN&=k8F^AzEyhn#!<6_@
ziROgjAK2~QSNo}b?tjv7<eD~By!8Ri8SRZNZ_B#>z1h7Bn_X;pW1dR+tfl>zYiaq^
z|EFdaNAl0w*ng5X_8-%?mNS3HmNhp4-YVz*75dht&HwZrtCEO!9^&p=_o;oWh<)oL
zf0vf^E^JxxzZP3p{<-w%<x&YRXYv+UlBOzHcrVF;haS_aVfwFH7E*KgMu<<*;so?p
zEu+*G>x|Hm!#i$-nP8ok*TIS`egpzf;E<G=!>7Yk7OvhZ!M^&nB5ex%@dO_Ovp>OC
zHeD*O&b?`sw`&w<czK+V-ePpR&QNgFAH-*lWy@B>$!qFtST}=;G&l0e`4awbpG6iQ
zMh3?r@9Ru~x&Y@X98M;{xI>$EU^7p{Z`-vh`1MLY4o+q9&r2ZjJ2`v<nST%Y01k|B
zNzyAwy7<11zn3gLfW$#U77nY2^7%rUIJAVvsVbjO`NT5^!dJqf96l){`ogsMsIj;b
zk!UAZuu6Woh|X#Y!(S9QZwdKPBOM+*qtJlCfCJF@)>saHl&OsYeie?*v%6_k{=!3t
zED9&l1!41IVD_9^2M3SfP$dtq7PN=hXy6}Wl|JuqAMCxPNR!?+)?`S}8in}Mgs)$l
zg3=&e92y(#4+Q-__|9r{>+K3{JUqXePmPxtZ=jT?emI%SGPE=m-UOFR*|2)fr8mK0
zGn)b5Si?KS(VKZ4Ee2ftqw>K0Og(QVR`9m+Nn%_Bnm48(`XpA|(GBsfe4@CynNOiU
zy`X8K_D6gok;m;En6A@ukkiUD@CTgQA-J1Yi|1PTQwi*KQz}e;htGlw-(bcdCcw|Y
z{V%BT?K8mJ6|gK*n}B!nE4%UU1fDvITQV}%F*=OeEH5sYe@!YL#K+t~u)BBy|3WZ0
zUI^YHWirf+(6p%U=T9l(2YmR1xKbK}^}7D<RXVeHCCJy>xy3Pgc`@wRug##xCHsMJ
zKZVckYjDuKaZHA|HWdSpo#MmNIICV5g1J??MFWWq-{nhIYH`Sw4ej$upO8DL&43>a
zV5UwE@k-#o&Buy3{GO)ZG|sxB@pZm45wHRz!LheUI@ErEv#s|7J{gX@kNGkEp+X5C
tDPrT`zY1ct@U;*46i$u@>CMhRJ_@_v*XF{B4>5}_UqcIPKIG48{|6^Y^LqdQ

delta 59896
zcmeIb33QxCl`nq2ul0Ru^&&6YH@m$rlC0hrC)jGqvLidTEU$6KiQQ_oq}JB5b~%fk
z1H<yjVvi;+mVr3)9*_Sa3D|_tK*&M}NeBsv2?>OR!7%fmmk^jZ%>3U2-X#3*y;a}V
zk`oUz=biW7X*ihbs=Bvs-TKw7Tg!L#y|*JTo^C$3zhBDC9_Sx(XIkPrb~W_2#^dpZ
zUbg7tQrYaq0rkPR`mc6Z?ufTSW(yYW*weo~-jJqr=Y!4Dzp_a?9$ayA+UBH6DXQ}z
zJMry>%8sFy16ya`87!ANXEUejq#d(&oQha-FP^G}+;?+wcb~@Gq0<rg_Y3szyQgX%
z{Qc<`dG`K~RX@1zuP5)SX^S@`;@56%=#1}dhkrn@o$+1UQO5mjL%me9r6Yd*_J(Ln
zJl(RBm+u(g64|n~A=omuCD=+uV=bMcC_dh@2P=EEoR0Y3Jq?}gd|YZ^Cyq)A`{N3!
z=D_Z))IfVfJ2p7f5<jrLVX7sb6d9nDZCe|>E%Da2h8-l*_?G@{@rE!o*~?3I?9@v}
zw{0h3dfCt_>BAxD&;U^$5|oqeoN}yvE0zGIRuX9Elw<8Iwpv=@+_@ce0bNVR+t|s~
z(nAZ!uWh47gFCi2?2RAq$hNJK8srlGbGltu*wl9Rk#*95Be0V<<=x5tuueLt_U(-~
zWLlYLg%n|Tte1RpeP{OZ_0qQ_dGa8;xj`D0{Ri2l25F@nx{fXNORH_I{_EK0M(I}h
z_#yUKqqH{|-@U!T-x^N}4e#u4^@EC&>DG~!Hm>wG#1wU@t#z;!H9ITaTarDwLApti
z<J*`!DBV(e%-0!jIM(WI8T56w!4QMmJ7;}It15y7z+j87r5CICp-RBp**<&zx@z`z
zNK$9dB^I$i1*J-7Xv_A7q4sz?=#M4-LMpG?zN;bH9`D>KKpfo?-?OV>qCI|y?FdWp
zjo0sLn7St33$P(9duc*+V9Su~YuN>AhIBGM*3#ZU*@pl<+ZztXz3j=b)L0aPABlKx
zYdc$zmde<Ih~!y241fc4OtcD;He^A>l-d!WgbK;HpB;=yw-f>}_D5T{vDaV%93Bcl
z$1^PxZ2><dsO_EcJ%IGq$+odTXFF&|lqHbq&UnXGKxU+MWb0O;uU*%)iLM^nxnnEH
z2GtJ50hcqgQrF7D8Pep;><^E$l>>I6&<k2kM?kAHpw(EobM{z&>FkG&y32)eX!W%O
z!%$og#gkBc^ysqLbD27}a8xRoJ-J)m5N^%D*dDtwDf}qKZ2f?1_N61u<;J-BqhegA
zqq+pMcMLe4n4jL_ZRv-6Z2E`kIZgkW3fNo=6AdPpp@w7iLJfoUx)2qH8hWu9)ewkr
z?9Dzp0MMJOi{2~K#Tbpq7>&XhjmQM0CtyVCo1m>RXe-pDi&7q@;xH6@u{a3DqfiWL
z(Z}^WL*=<6^Jl9EOrAwOGktqFO2+&4XecqMCxgYPo~GVCI5q2LAINxeg&DXq)l89U
zz}f;pr$9BEYq>B2zMz4jerRn9TI=gKgsCTjdMJ*jp*RY~$J0WXZx7B9CVgeXOpq{Q
zY*3ilBX<<maoM1$@BlP50ZsV^_E@YIEHNN{6sk;Nl`vEp9w2GB)hZOoo1JIS{!9pI
zm^OekF$7H`kVb|KJsCh6z+wbaWROdSn4T9+u5fD*=6N#G8rr&b_WV%~coJw)z>|Pp
zW(dE>D18iioX!B>4DgK&>&=$?sn`$2!C@%&Lh&RNBYrjQUg-0<!>zqrKxP=6{#NiP
z`pcx??D<bs%r@QPaKpl?8I5?`?6O1+0s}JV=~2@lw!Exjh-~^0*s)&h>;M>(0Pk#_
z1AHKX85{&>xb<4_H1r<+Ro6|f-cg_#LIoYuI#S{CAA?M^m*bFm^yoE0WVC@?WY28v
zr`;&<?2@6iv)88=y3!*+f(utHLt=q(bGYhJOK9DEkSVMi7vhjE#OxiZn_TtdP;mgL
zL*tqh?s8)?c(E8K!zdIZpTV9rLZ*x^Q`zjzr(Lt({*;U4sv3^EddGkaM<FuGWx93P
z;f`X5dqJk-qhjWKb=b4Uq#3@@>@XIZc735~pZ)ximEgxM>uP|1FCD3C;?q`O1O`4j
z1>8}cfhldWkSEDq%pJ2=AFXuHU>(%%$dr)a)}u>zwZ{Q{3B+1E2Z+!%7spf@2j>cq
z25uR75LCk1n<~xv((Cqd7f!<y7~KhI7{@3yF^_O2YHVVFU^M`+3L_bg;`9WcLsEM7
zv4QdmQ_F`)e+P|0{dSLY*4b5E$OTK&?1AM7dN%-C3Li&~Ac*g{G2Fr$Lh%$9qs1A9
zVw^qN95iMR8htT)W`8%ly%uV4pA=fa6+b!+EKtXRX&QR-YL7*<+Cve73061`%J-T3
zXcN_PWBv#Izy#<2alhV!3S<6HU@;<Z(9cyyZrs1a3h@3JRv_$!2GFkgyu5#g74Tyb
zT7hvWLha450G7$;0VIDpCGflt#t7C#KsD%b2=wR=Av0)aIy4VtcErK0C(Q0Z$QToL
z49Rf9_J?@?$(6X0S-W<2_ke1)qygZBnmit$j?Us7_F^W^;n9GJ{X@fI98($&KZ&@2
z{s<og`s0lPCA#2~QGMJ@ZrU*{#u?HF#e|K7W@si%i2IvUhM{TfUn^|1u^#%vzy{aD
z=`glZ@1DVoArN>ZOahZ-Ht$Ydd<K~$=a$8ge5OfAKHj8DZrV6xuoxw8s^=}tK9E>1
zY~=fhPTDpE_r`?alQAy%6lS2{!!bkCh4V<>sp;G!C1-uf6)N9Y%)W4B6Hc8{+J2;9
zZl_^87Hxr{OYha4EMr~`VKJ?%eS7u&PoYY9OwStgAN>by^&B&=o|?kM>dEJg;V#Vd
z0)KQD#(S~(WhS3<0*i1;4MGvl8*MKED<=#ltektPk8{?C4t;&-z>P?Xy3hLy-QQBq
zj~aRbeG`MwL_KtVWKi#XxhAo%WdMs2oRI;NVD_u2#j~&XISzNkwY8yxuMOzgLHD^R
zrc#`R&{=J5pb~C^&6U7XY8v5c+Q*#?lLhVvNzek1_U{$zjA<D&^MVEq_>3VL;=aG1
zMz5|O91v~)5pNTmOj2>wTkO$IuCWYoL7Ow2F|=gZmNXWlZ3zu?E&VxWWnu`JpjjCi
zA{>BOak?-MtxDez#~vB2E3qoaMuCzx_M?Wx#=6^!#W*(u$GF7juEeV3OwF+oU_w6j
z2)0r0&R_;k&8CbY?tD`-N4=Q|phNZcPZ+`)>a8D#VpOkh{NJEnu>cz@;IT1aLo48z
zreKF_2s2T`G0+p5SFYTSc*Fik>-08qyJwq{H@SwUu_6f3H*LtMVHUkCD8^ZQe2Via
z?nW~m1h*PDU=i+C&;B;!oPGFH+)rIFvUYaI;6hhs5=d!fnk2c(#p(#Na{!BQPZa^h
zpmdK7;(`Lwfd)0{?nn)gD_|^<1709QeKsA}Wvwvu89pu=oIY+?G*x)8C^34ln#5KQ
zc5N*fMwqOIR)=PQ8EUm}M%Su4jhU#`(6qS)UAONmeL5hdkNM}5KIj+HPx{Tg`IP%0
z>ACSWq#y7J>6^T|^sZjaMCk*Nd3j85tqXS&2CFxWWH?wMLv8~h{ty(Coe!Diz9O6m
zts6s_4gxd8Oe{chR~VS7NA)3Qd;xPiI&xsi5Xh0<XI-d|0vB8tLQ%alrgg!K#b{ne
zp%_)f*M%|xd0Y$xfTRiYTBxbRvXeB7d~XEUqLGh;dAAHh9!2e<u{j>5ZjrxY+Ro22
zEpBo}n}7%>LZHd$g`ve6EJiJkKr!~>&jV3?4A|fl2*pThbO>Ex%tR1PL#72p7VzKX
z3a9sR8GY$}n)_keXii}<$~X+gS1M!F73~Ewlqt}QT$hoP8pKSLX|i`8KQDrfCRZG6
zlr($t{u`y>An?GA((yq<Tw??$uoy>h5Q;(EoQ)FBPuwVJ)&(|7w5Vt+GHk^9fdOul
zeElT2>A1^}MfFfL-cRCJYo~#{3pobcpMlyq9j7yfpc?*sEn`@W)3G0lQLk4t5y@Z&
zhkz7^<oFPYXfoJdEW*h*3Ps3OpLRLYc}InGlcV!VcMOYBx;`lWw@K$85z<YM<VrV#
zMJU|}6j`L>!_R&ZkZRN&=rX3+!l1Nr_Ln^eN@pg33P*f=VxQ%-%^39zR>4tk8s{U!
z?+8BITRVHxcE`#cd?6GAFTB;b=0Ng|+U%lq8CHh9Ur8ob>Ky})2!qKnqtRpAOKYjN
zaY8(W^$-)oW9F96Wfsl8*5|}MOzu*iYqqDRfdk@XbXp&Y3IiuYSd1ePn=&_WMQE90
zwr3`R86szVlE%hlwkNO%$7XQS+>VYP*oW~6`dQb67pkK19q}3x8@}BD7Nc($Id0~}
zJv^L%xcSm1VD7$=FOY`Wotgn=Xm&?uu&sL67-pc4*AE$hp*ijy==+L|$yflGA+&}A
zdQZv?Sf#NTVHNW8wm>>K1;~h9*F45#&Z*0U4_MI2mX9=UI(0dQMF^cfD8kvmPhE2H
za<elG^$;L~VM9m*AiY?O011RRn=66_8IrLekdkc=a^Z|sJcC6DhbGVrpQ=j~A6!E2
zpS|_SO7KVrW)Jj%?-&!Z^~ZGCOyI4L3fX*7f<oQw(|sFef0S8mazdl7V-X?7V1&dl
zp>ha|P>fiZV~I@eeIs>+;np->#NnOdZ1YzXHWrl*$^F~e52I4XHIv>C<JvOSHksbf
zUOXU`XOG0B3Y%lPHM)I!!=b6x<LuPc(xdjatyrtIb@rX9l5F}z(o>Rix-|rMb&09g
z^cL29P%3Ae`X$vh-8$HU*R)fuV=e6V%~Dm(KD>sTYE6i%;I`>jAM8GXF51eT*evxF
z1;9;(mg=`LU$c~OO<uFTAvM(+gv+{vv&TMO!p=8K6-9&Fw>BJ{Y8~31z0fTEgR~~x
zzrPK3k27uK{rh*qog<*FExvmXw0yj+cL2%;plrCGU22v}*`*e#aNW?r{&u1m?uP`O
zJaxh~<{mg7Ki)Qmg<&8W?BAdDv`Rmb<-qmq4{g%E!fUp|1zvn7yK$>@wKT;(yH(mK
z?PsrSl|X-N!8Yli3tD|!cClsGNPpw%t>2IPV}DzJ(|-2-Yot%Of=!^{V=ck9amcx`
zU5dNLdJg~$A*ZkR0J{%!diz9<4|0CrE;X_7?b2eGSIZvhJHY;GyR@8DZ<m(3GHFpe
z2H8OG*|-DWE2Khgek7Oz&eMGd#ML(Kyy<SaGY$iKtR>V|-**5tN42uQ*)Ba-uqoOE
zVo$Y%+xo^1(4}cx{U}tLfSk!D&?Oxf?}$&s{rW&_q-|&n3VU0_*e57to!3Yu*`nRj
z-xe?S_8;8ZP`@P(#w)yKVC#7QLH5Xv($2+W{RaVOZJ1vV`NRDOv$aR0f0A8O!w2CG
zzja`1-|)d~d6!fpxq_3B1^C(8G<h)lp`>(=e9cU2yiLEXhoPo!(V){ovbaFTD;NYq
zd;Hq%U@!1yn<VeVdu_NkIka>3!bln0+#}fwyLUB=ZHcGZt{&--G6MCz>_U&UEc<+q
z<W`(Reb?bx`quuw>)8K0AVr-)k>TsRF1vP6+P9#4EOs4UWv90d#-J`9m$&mv{Eq%@
zLs*tbZ;M5tD1jy7VFsKh4z%=d^JD%1&`w9MYv;G?9eCE5hO#LvL%yTY>#`Sbl1k+@
z!So@#&xYfY+<%U38|jC#9i!X)=|imMR;j9PG<~RDbbEALZ~vj~&^9Qh?bx;mRO!4`
znsSbBo9furuw!i7U<dpATcx1Ae&^PPy<^)#Z0QMUUC|5-bNkq~VHnsG(p~m?xJQSd
z0rtiTsZHu<8%|0AX@GT|lr}B};|iS<vk&GioJV!E^Fe^wxShRlQmSUZI0?^2-aIMQ
zI1h=Lx}$Y4yWlpd&*ln_A8La;kEv}V<A>OXKO)5z%uGRtdRu0;O-?~k$Lwie$?R7q
zl<ePsL~537Q}C=}^+%<!ZS?q|?2(U3+oaNg<3K<Lcm@dgfYZx}V{{8~3~wQ3ph^Z^
z{Fy`g$zVmc=HpVGbRy0l1x&T@et@>7TX0OqjEwOX?9(wLW3&a|zr-i>oNFdq=;YhV
z1-G15Hb`aVa{`Xd|3etf<%7*z1)8T@CvxPO+b_(qvH@jSy9L(N+AC=23YBw$&;wcr
zCC}B)+)m-)iB*~_(ehkAn1g&ypvB;Wj?G*91>Lar3)`}G?243}!^N!Q6P<Ac&%c)q
z=c08A`vf);fNbs)<baY*eS(b96TEG$Q#<|xrNPr_>rkOvXw~r03CObQ7*^XH9h<xL
zA3anjtnysJJpcC()m|9zgg9wu>=V-B?EX(kURmm7r|yuV?BeaxrtH6dQu?7()d$Yh
z{(&tW;0w{14sL;`cZUYH9Av+`Lpp57=VHnDObgp`r*vN}R^Dq=?xe~Gp)xMg?|ee4
zV2|D*Ic%-tt!%?x(g~;Edp(?<)^9uRy*~SmyQFqyOK>0o3p88;z->lLd@H7hu9+MF
z-%Tu}P$1?jIBjDs!`I9p1sv2s!4$8{+U}M-9`8V6D_q79HJop>;0ZoaA`vvh{t{}r
ze4Lutu=96IwYEVhdhu@Qwk^>iU<|LPfN{DNML}lAhb|+EAGrFF0yacI5e8A9E*B*@
z1ftAvYU-U?6ljLMd<H}bacW}2BnG043?;H2COs`JAMQ!_9$tRc;o;`=&`4%<+;e#O
zP<lE&Jl2?*OpT7FyHo7BPf6>u|MDrxw^<GKgrkv2w*IHm;=O9Br^nmlV;6p{R<K=f
zsRK$^Pco2XBaLz$^ESu}*tw@=g}wcjTB`U`fmDb!H_0_@_ixk^wmv9VW6H}*vZov5
zubyOQBar*?s9enK1&$T$@%v?u5=@0cVRr9+r9urxgFT@x_TmF_VxH`HZQ&}H&lhX(
z`1}$0C%~2|jtOF-Q7$_#S15sCEEHt7>`^}F%&A;==A7J#LO9v#^YS9Cvt#GvKa}77
zf>ULm`5$U2m#^p<xtu+`TPY*{28~{N#2E{L5Z)mC<3mYG*o#lec6Rn@*}*>jjQnvc
zjhmf*TCQRniyYN#)3YGJ$G<OU-jBuFXXTg>kS+ST>}4;!DBH95JS(4Bi6Xh#uIuf!
z?8dj{#q8ogD+}1vKgsUw=iZjRZuY|on<M+`zsku%Th!-g9@SPuiRK%W3bybDS;@{6
z*uEg0S)>%Om8z|bU3|b^kln1>UW>3-%j~rUQ+?@icI;`njQ#gAdoeq*$+os|g*WUA
z`2FnmO}164KkQEgyll}Ir3$062A8)t*@8-s&*uxWwVQ1#*j+c;>a4Y*sWAJ*W}6q7
zCVdgFmp!`K=3!Meb|>>3wJkO(voqDu{>o<CYQ^XCM+2;**|w7XzQ%51$jWP>&NrJ;
zMi4OI^|60!wk>BT>nydt<O8Meh}-JbK$2v;Ic{6V3YMBHsXZz9Zx4GdZfjD5v0x&Y
zU<+G7w2yeq)!4WGMRl^V7Sf8(>+|}vXIpH)P}z}BI~KD?Ryr1D&$io+mMEkqwtKU!
zO4H4S8*EYbScSbqQ{nj=Y&Bx?Kv_nR_^RzyHc&CUu+3J*HdNUQ*+<XG#aU2g?Jh#<
zol(HrH}AJyr3Si#fnYNG$NOz}m$8|B>SDHG+FqRf$`iH=%}}+9Jzi9xWIt~!_?QhL
zsj?IMR2SB<e{6Fh411w+e--<UN9ki7an;T4f7j(^KYyj@BkUJHEn2|pLW&O#>6FFn
z=9S8H<>BF`_3IB0@5_vIB}NYqd)7A{9^NpX8DT!zR>DrLaroF<FBffbL#e0UgC&q+
zSHDsOZ}iqFjtWb@smAG7ik7e&)+vQ--5RBYJ^pG@fek4aty2Di5}8%X5lUQGrGzMv
z_*v0!vdh;fO%k)Ma+I=<{2Us2{P(s6Y}d~U)IzOo@6U_MS=*mLE!Y3NXmJS_*CGZp
zs_a;<xR!ZtIXpa1HIuYD!Poz;=zqAf_k@)v9PCGmt(@H#2kGl&TM>Jv!sg0mT9nVY
zX}oUxk-LhGI15#F_8(wJv3VI-7SOkvEi7;pOD?}R(BScV!L0dx?DQ*g348qkup^fg
zhsy4GMlQ@=>QvTUt{PZ1pJpn)vlA>ZwR5UfE<4k$IOW5`>`sT{uh}0rxL2`%I;c2A
z&PU1y)4hG;>oyK&#@BA>8Xs;POb-vNyW3-5%g#2sJ?zfi%3^2CyK3E4TqVfn1e>`|
zsbXxga{+tL>DYz5cDWp%V7DGpHnYbLDG|*1{UK#J3wYh7%zM33un@Ef>^&RO$;`0l
zCMZAZb}VIYOu1d`^Ouw&_WOi=A-nT>#a^t{OiU)mVfZ~af<3-FX<xv8aJ}NddS&c4
zP>(GvcGO}+8;Tv}tkvhPEEc1N?Tk(KvPY-f>)BsUyBBA_T<ka_E4_W0v2k|fFJO#{
zt8ImB<i|=e^L$aVvrE5qma_-WI_+%tC5Mxp{Dz{qJRZ^qCmMQEUdAp~Iu^0VkJudS
z<ev&1XNF<+J^G|vBlw>Dl3eDd+KnTl>7m5v42wSu=6-&vh1hxl@F-ySj5!)u^Y`T9
zRTk=viR5^CGSy%bgBY_;#ZfET9DGWyWSM0ym3g0&*RzZF%WFzJ@E=2RPI7vWQXxp*
zy-!|eP<Jo4w%MH?OLPsUy3MV!d+vwMf2fjctbl##Dy5X2{fcwpnIw$c#kT<MFMQ5X
zScK@|+Ipu$sU*bX;_$)BJ-1u&up2+_cCZ&7h7ms5Di>K7&SDeqx=y_-?>r!{;Oe!K
zX!8J_g*nTs==+_|$dw}bcBisJBp2;b*3YxpyRBeoDsn6l1h;%&t{2G*dz5P~*IM1P
za<!<od#|!W6Y$uG+?K1m&p#_KXBA(R7JabZetu2^CH4RM=j3%OO(Q=xkxZt>#y0k3
zk`rT=0X=*^mv9C9%7Xys&3_Fj`o<6BVj=8%=jC#d{PhpyWg_|8ubNPIy~sTMoLnp5
zFB)d&_b4Wkt?Uv5r_aQF_k;Qv3_dSk%bNeI!#yvami5@H+1VFiuB>@YTKvI^@qJBR
zVgkm+N9|xi!F6I^+K)5-Yx3e{9QNtqp3GeRG-9@C@{)GvGATrn3fb|u9Chs3AIeL_
zR3e`9%w1x7?5A>-P}qhS<Oz}d%|mjP!;pv+XZ}6%y1a>+5cQ9|D3^)k=e`bI{q&1+
zeUA3*+H7QhvK7>km-fMWyY~{9+TY%*I?S{2$KW#^xga+z<pNG6Mu*eGy>qq3zI*}P
z<&KA;I+?taf^Zr8;Y*;V_S(Wa_V|B>y+Yqha;3-0Y_7W4=f0ui?U8TD*RUHd$m^`r
z@Yx^9njP%;rf$^gUXqhyBs5XyHEQpC6Xw}7F9F^!3%euVf)3sFuw7wGe+)j;l}*Y=
zz9oBf1w@wces(8@dsCzH=xpP|rrHhc)Q<tAXKyI1XEiVDlhFIJKH6_XbusY8-v*`J
z`iQ)`*lO_EJ1^@?(&xV|uQjSyu#>OL8*mI35PLBPglzLF=|hizq4@PH@28|oOYEg=
zq!+x?b3cIzTK>f=nV>^IkzwDWTl}*>ks~X(rpO(ct0-_wz)dmDNg!#!7VT_%ZDB22
z|5JIX=;`jC%B3PXVC0_usXVEv;#J)kH@zya5xG#IoGS=<34C&C=2gv!$K|DL<4*wX
z#Xo~Fyex>0dF&;u<AAENquT-eFT`Q9Hjlfp$g*g6Cq@U@FYi^$O-dpwbgs}*%l_%R
zHkF-xz+v}jlYG1pDdwt;J^mewB{ax0t)MzGUCpn_wRIXyfyq2`apVbETk!690+uX;
z4M<VQ7QQYQ3N1?C)$QA+*X7kBchh&}R)+0}-xprj5q<u<AmEF;m8J7|6gKD{dv}Xk
zaYnK&Q3G9}SS-rE6StLC^EA1nLT^2ZWU4EZ5nA)yXj`UugRw}GNl(ZX8(@1B3CvgB
zqB5Na_-$b|V9+Z>&(NQ^DjLPjKJNI#;Hi5zgt%v%BZgIrf-$@8HMzP_`*HdSxkWHW
z8EayJR5&4I%;Cn~c}Om`>*C?Ms<X+wE^q$O6$+IDWKEKHUWXGIQW;nAZC`~G6rNo4
zq+H70+oINz-nB81o-vDqIMqsE>rt(xO>C?LXP=YHjNTmklheaI56LcP2#$54c(fDp
zvqztjtBpE~_A6!fMonH&<8r<KpvJhl#T6vDRgam8aoE<RGzJ4~*;8_@!5#I<UVKKj
z>r6qZ&5p}TBRL!uhBTnP8ckbxM&oT$E7__4qSh4nx)VP3%jf0t3QYC*%>W#qN{^4T
z&L7KB)!QBI?oKi|w<@pqCZnNl@0^M`YX>LZ{IHc+<-`P2XBhU9z6hL7`Gd5VtR@=Z
zW0~GU3Rp1;MLGNBGjg*+oY=9i0W7^;kyJ8h)u&b$VW|@mDzy^ySmwyEM3ipK!J$Uf
z`Ib`27JeDlebN`52a4pvC*dFpG+SmURpm-$h%JR!pgJoBLA(pkR8Z~wSkY8jml$!V
z{~#DPKQ6mfL|_<BJbx%J)k_h8YNKf7WqE~OK<YBuS;5<}s!M~P)=xyA&cFblR*bqU
z^qZs*y*u{`SP!id>PqFUG3aYGJNc|!!T#!Za0s%nLM>xQH`^RaGMEa&QNqhbWo48!
z<El54>1EBw@H7xKu6BC^A%B>47C0)_hv5iK8*#p$fVzVzi>*ZR!4xjYVKc2lv>bwd
zKOK(3KQRtLPGd!&;Ddg#D$=M@HOUzzVB=cV<?r!plSf-7dGiQBjSLm3r3rqy?bnL-
zbI>PR)xoEBbG6}o)Y4=ILAlkWOrci<UI9{*8VgqlIx>Ot@F1L0W9**ifVF5>$6b-%
z+u(`7>JnzR9Z;$Z8$|_#p8f;$q<50^WNK(RPtT7%!3?3NwX7pg%RsF;{Fe~}jh-$B
zDogJ$olHORI|sLVD%=;qe{j7htDvMAbu%y*Cc0Ssm;#?N<4o_4VP&*5jmabu&aG_)
z9_PT3XQD1ZYIg5k@)~w=pP~c<ph)~*?gA~ytsvBRA_@z&AE;i1Wa5Uf%iI|OL#-|u
zLhT0`LhT3Ylq3p&kVHAK)EMZvR7kNTi>70OC1}2ao!zPykjfRVeFU4zS&*`o6-doa
zKQGs)l;k?s7@4ahICUi;I?upXqyT2Im!1ECT&EZDHCYoAfvFdf>I`vtgWAXn)oDgi
zV?ahx`=LWqXQ}H^$`OMv#u_1N%jm0LnM@C*GR#-3u0V@er1}!DoF&Maso-fd-gs^D
zyYX5|^#x+7WEZW>>wNxLsH<mAZHrOl^kfrFq$(#RqZkguB=^O@ee?(BaUY3+6`PzV
zB2#pRluIm`FRoTp`n=I(mu9Yoa*>E#dI-F1PLBE%NmOLyN~FlaBeA^q>+(iThh!gx
zJ_(4<ZE6*F6GbkfN)!5CwL%fPM;B4lF!M0g#)VlB>gLfA2E|43ggk(&NsTDy3$v~y
zt(T}Ib0f<vgPj9GPK^K*Om+B)->5UEe|`ZFe@dgK9ld8{6z|*yJ2-7QE>cs8U@{sb
z6;<-I8BX1!>8`FWV@Xz0aKRQK@1-df@}<IEb8F`;%AAE*mQD03rx(jI0?&tc4L)}A
zfKs|dqq5>o%Vh{XyZ(z5E7;-a)pjR+iEv1WCKRjJrhSY43)O0H;!4dC#-mlv^%1pv
zrrSeJorEEw+IL<8H}S4*Y7NJs$VFtSoPk)XMFCyB@j)?j!TN=wL0YQ~p>;Sq12Bgp
z2#G+1Z&q{(5t2oX`cJfs1_Q1?qs^5TAmjj3=YiNXc<AsnvQU{W|K(*ul$vDX>$lJX
zL3QypaP+sin0t<3C!@ZIFT$b9(`NAXrpNnW6*ml}H;Dg5Ls_=IYcP=<m|NRoC<Ozu
zlqOn*Xt|-p&0q)?aQt8HBF@RJcoi%Wt*R#9GxBD^5+$oLOC~feYH~l4_X@SEaR9Y$
zj(o5nIi^xDHIOQ_Nf;ApvY4RsYGE<Cz6q(C^k_20Fp$aQX)_aZb+nn9*g8s!XrUpS
zi5qIIT)33Hzlcw*fY51@cDZHjbI>W|<SwP5JK9NW3=x+O|NK%2kCIbzL~6>xeRK;d
z2lvrRDj4*JSiI0tRzpe4Dh!WU#uL4xi6IjlyHmcNAi=TR*B$Vsf|~C^yBVFr0!ckr
z>}d=ZDrcctPe1Hu(0K9(A0C~~3P(Mg>}Qej6IHAbM{?!rl2KnW&~3G!Mr{CQd7;)p
zM5c+8FrZd>mg}^+7E~`VOsLQ-x)CbZEF)Zk>MPinuYohmmO@9VsC5C74!9c8q`}!Q
ziaNgr>oFfC<aHSWM5sx81EhYK;$gr@j5a>zHV~-h--uNc3(}?0?kWp9a?olBj({~W
zA!~Z+1=*qNnS=K7QXz27QXzKL6<m(E!{KF1+TjT3?4RJ?ek2Mf5?$TisE<j_w(@FB
zCC$chBt1Ny8co5yv|&wSQFvz)A-B^PO+s2*UJ1TBg$2HPE{Cs)h00kFe6RM!z?ucY
znGXYOa?PsF!wO|Bn~nTbt}fDkfxyqmafQSqQR|{!Z^);evI^}Rwb8_yhzZL^DXM()
z6$+PQZ4D-d!6l6+8J->}q;kY{8S}KmL8jbnD-)R#Ec7Os2+@479)~9s>Rc{41cYd#
zeL^&zWIB9!j0vdrN6|N^vFn4(eFKdIHM-m^0D7&aR#%$gl7nZB$2cBl))_4jobfQz
z#FqelS(!MT4Sw7d3o*z!*wYTL`Op-ru!{{O_#u2LPn*F!DURQ1^Az$&yfJv62hZ`A
zcZU;Ei~Blhy{rI2@&!yZ3ega1y*@vn)fd98Q`9#Xx4_JDsyRsq?b0Npv*93TgmRR{
z!og_HNfI=T(3Ii-QFTCtC+hwWZZZdklZ=khsp~>Zv{Z{U+10b{upht+3{8)SCu|v!
zr{&T4(L5Zqx(GU?(a`300@i#1(2FljaI3~r1e)APnpm!B!o+k5Pg|EAZA%X1Xd^Y1
z(1I@X;zIi|r!hnjHijC|x`Dv4jgF1+&G)GvxgAPRA|wumN-1fE4%XByAe`%f(W3Qn
zRWcb3T2F<bs>SpnDWb<j1*bvLpm7>h??WeUzT+U|Wx>uUyYvIOh6Mj5KLCQ}Ns_Xz
zo(P;VSyeX5&V5xbr|O6vO5kjxBcG=CZ8ir#*bCi&!C4RJN;~TzwIP5ipc1~F@_3S&
z!OZAJ51g#%Iu+_gm~im{Qw3PApZeso#H!LLJNg5;f+!GCc-W)jxotQ^$30ZQ!9=QA
z!Fi)<3>oXV7*^G2XyPhj4?HK^iB>mI^h;Nk&C((ws-RKR37+Wie)!d%!E|z9)Hu>n
zyxwr28&}t|3QAg*SE|jv^9MBy?@YZRe^;2+s`XxPFqw#%0m%7UfW?WMAC@Dki540J
zTGm`!xW)k{o(u)NiG?%Ul4`-kf+(IxZlESSA`4ie2qaE5q{A^yaAD{L9U3Q%4ppb6
zQE^U$v{`^!AwUkc1S=h0&^G9dUpZ-MGEkq{4n8+5kfmBKLPQ~QRAPltHm#2H@W9%d
ze6$}C4Qr;#<p2|o76cBNY16D#Mt~JIYPE4gBGN)ry0ptJL!7fD3L4swh_ntijUg?C
zIZ}uYo___lj)IP_fuf7F1}@zJKC$7`At2y#8BkY4Np0}RMe9nBcTFS*Qf8+PhB%Pm
z=<|8KfmF<bKApk>Ks}eQjwTi`5Ws>!cr{|ci_V5`9-mHUVKsAFHuveYU*yvvGEqG4
z)ImBL)jB8iZB!?x&iIMiE;4?iuA2#>S0G*vWDPE6)Pl}+)KZ#I3qw<<p_XzHhbB45
zuj2zIkUNJ@4h1=Oh6p--ivT%M&@#Xm&mc{0aK}y~;f|g5OINGj>?#Xpa$szb(N4wq
zse{?nF6#L5QgPSL;Gn^p>kfC>dl1&>+Tr6-CtL8cQhw&FqmZ7Djl)w=x}s)#za(#{
zz@NDn(O3iTp|Qpa_WylJZmAU2EH;pHf@@}#m(ndWd+<Klt7VXx6NO~vL>l|Y2JV-a
z)bfnnU9G65g9N*=fz>?;uUnvNrTRl(g)MwpDZ{QY_^iWKfOK?Uob#~tjB2l^8k%5a
z$3!bS4w(0Q@@lOH4!zRI8N$`DmW`&1UgWZ(r{Fsi!GesFNbBRN6;fxBH5U&re6=F#
z;O+{?0`|aF$|Ab$wRH_nFsVXaNmm=z@hilaL0GQew9y!rL6-G84Kv8P7$aCtl`P{&
zweV=IfKt>o96kOM$Bw74M?9sETP1PJo!!{#d}H?B4%j(2KPhjZ&XMqXr}d$sGQ6hZ
zO<6~U=kYPo#1=AHM}$|z@!%<aH26<rEQkxvBn34p<kqF4p-|Jq-RWNQMN>Ew2`0PA
z*=Lu&>2SKmBo`HRR~Noo3MG<3hL2^|_k?^&pV=wlwJmFcU_jd?6RkqDv|Wn%@W2hu
zrEy7sld9ZpzF=w@V8NA6PemHFr3N@#l&-QX*xePe`gl|oFPbU}sQ)x`1wATo<CTe$
zgAUG>?wW)eaVLdpEM`?t$}V>Qwc^~ARLj(7<OSLYpkh@``FL!a!@+5(O_N*5tHa0+
zpYwqJd|~Ff58hPZ7hM{6?x$!3=%<J@DJ!?B3jJlK<_nA3WCTQ-V28&~T!W~!_YnYL
zsKOx}Xq$n8^zNaHqKr(8jtm+WK~020DRJ4!PJYo*Ohz3m8JA3I%pXX?msqIa`e+i*
zO3nBqj#h)gv$#WIB8F2YBo+X~?Uv7nKFNHyoPw(bfPyUnP^3YpaK1!bQM~FXJWxsH
zo-bjSQ?!Fu1sP#bq*0q!(Jt%*rOCmdV4&M5O__wm$G^pq=w?TDiaSqIFkf1bRNOOZ
zBY;2@X<~q*L6yar(Ss1tq>e);?1;c!ro(e`H?$sd6l&EGg(6KT%xTA6mg8QCx`4qt
zg=<f@d>S8A+htov2o^R9E~uZv6{1N5p)_*$+qNd9CmimMv0pv{)Ao}OI~-0S0~|7$
zj))XEq=y%s@Y!eO>Oi17qP>39jybJoL_`Z_FH)dWDMUq>3;Kh2tx3lq5%AJ-jUG~4
zU0}$eb0QliPU9=W9?lL&sItc&@I`Wtibw)l>?nn5BVs%-x}x@TF~%;v2hS@{J}9qM
zNn!k{0sBu613JLax!HnU;GO;I5jeU;Et2Ufpti}(2^##|OF?}b<lM^fs%YbQijaj*
z+#Er?xb)&A#Vg<%rIDB-t_m=TdRcDLOAd2DR4%4)ToF+=Oz3#hwd3^9-y&j3ZXD6|
zP$c@n506sa#^Dh@b$77OeM^Qj7RcAvPxi-e$s0-_%d$vf6@bcTOR>OWXRri~4CjI_
z+Wv3jK^0`<$Wnp^7ISbOuty)3my{!)oYBJyx_Mx?JR;mq;&Ad|coYvG4Q$}ez?#I~
zd<EW%FSHjFvd6(mWX(U8-BgIfLkS!mIDPTa4?Yyw1PCj-jKV@QYf9&+AM4?oLZpWF
zF`K%eJ^6=&D#${m!`TX?Nc=Zm0r&lP|I-1-<5{_`peF{088mT!@&7p7^x;)z6h2=t
zJV`iIilkWLf?Tye5`ja1^MXNDtqTUv!r_S6G(sB?8pm_04{swPc!W|~g>9v*V<tF&
zCaM)G=8sf+uyr~kt4<{%eq9g^o4hLMrA$zvW>mq9^nx$N%#GLZ#&ZT*Q0QX~kETFJ
zVzQlFpbDqto&O2X18J_J;<$AuQqo)@9AOa^%~mS|K3f%DnU(_4q<}=R0}teI1_cBB
z*hG}`g+Qx}3xP<}LXab-bFMogY9n+sN*z5~hOVf>`6S?rf#Aaz1JNu_VRa@oIGC9-
z&Egv`z%1UD1xZDbF_FKJl{ZxJT+3V*717~kP-g{meG@i!9p8{QR*Tw}2`;LWBO%hL
z4W@k4kcT##qL4r#($v>Sz6qO6o{>A{MKv7>_)*dtR{kWopQ32@ZrF4F?nQZnmO=e{
z`X!kAhcCc6qNqlGr$~!IUWDI8d9(_AWVISNvLa1=!Ed41w|`_bOCu<17$Yb$G!sBy
zUg<6HkrP#@M^C*ZN0i>tRBG5bU1b~h7P{GE=kV(qDlx{Z<~*DUP^M+Lcr_X=sIh`Q
zavshEcs0v7@p?E+1(;;_7Pu<-SFAUE6?|D<i~}W-*ezZ&(X4J}fd}O!)tqh4bmf%B
z7{O<eYuF19!Y62WD&VAIeu&N<W3aMf=h($(WxKhDcRUZ7M+?DPAAJrwvFiu2TNLBa
zi6pJ3aNp-<FLZ#G;LAq%Sdz4a!>2a#G#YSg7rR6)95s>D2hG$)?Q=<uDUO)Nl)88O
z^KyjA??Jo)<Kd3KE7{e>A2^otwAnn5rxJtu+PO>#Cc0v<9>CWptNjUIO!KYD|H7)4
zfhAfTSJiLODMUven3KLX@Zr`e#uhy$my{C=%b*hv8gojKneuZM=bw}-%VXiF<^&2W
zPW8y=q7<QkQi$p~O;%!2?yRNiIv!M^A?!8##A9HoX-f%etmId7S~;8{77!^yUZc9V
z2S4^86(a*Jsn<nxa4HQPE@u!QEz*0tDCvcEl)Mt+1dfhyR0t-#J=}O}Qa~e1sXgn)
zTiZ|)0pf`BGhjpoq@(v~9uXy)NBtD85Urx^X3O_LyaWSSzDUB~#czJu*S{n-lgXLH
zu#P8uFB=WU_-1mA4+yMxzF66UD554rnFv)*$RUM~zkKw{j^2iploJmNq=*SZ$_6RJ
zifC-enfG}k-iY>UNC1oI2w0Rt%@GH*F3#L`E3r;4u87XSl~52isERb5PJ<pfvPf-w
zi%6t^s|rPEl^%HUG;I)3!=|bPD<UFTp$}h#Z;;S$^08B|!1z-s#}luJej}vJDlr-W
zt>SRb4=SQ3P*F+;m8PHOdE4e-A_@*BO$h)d9?j)K2fq5>4Z%c~e#ha|_JkB@h96VD
z1u<+Me+z;NoU5`sn0J#}vo00J|C((W*0*|?l!FdtIetlaHG6uqx_~|lb<rmvetfwL
zPA$ggspQla1aWeNkiwH-mORL589Tg3sj2Gj!T(xS#VgYC#FMBbL5{O-Zp+nFFBe0c
zn1e{~J$&i83RNT=%NO>*83Q~dQZZskG3k!oyiX}s8j;%Y%h|$CIKe;qc2NO)R|UI<
zN;X$S&r*mee2!xFA-iLxN_<lEWI#)!HOkQjL~ogg|B@odLXC*lGeaHpZos4yyc1uo
z)#ZzssrwfXC}9Pb%*2f0eJF`kSD=e-+1Tgr6E=sc=x&G_i^X~p+!<dJ^T%Qd%VR05
zY_T~+O*Y3wsB%KGIU!#ZH^(tJL-57G{Nx@a5JwAsh$UGdNU?jr2PX-FA5G=Ep0Fv4
zbKrv&JHG-OKTMq4qb#Sy=_1GG$dxod$KwH|8HR|I#;?gxYfg5{-wEdjoC~OVZZG(#
zc*#pT<yM9YNU1Np4gSn#S7C{o!$;U7s!8^UQu;FI_C@g2nNI$q{2dB)YT<sRT#PG%
zit<QDIqcnwwSAlTSQFT@#P{Jy0TZYr!jrD3%d~gK;iweNkw%U}KpE`LVmhbi3cydY
z@snZ<GQvZVx#>e{P!4@ZZLDaf2xJXBFqzpBp#tXl@EUat-(6p2BGzJ)%^SX~q{d)0
z7g+f1H5VH{z1A23vMMSl$eGnHAt#0(VRI7v23w@y6YM#G(@J>R1^67Br{HVsO-ASy
zElde6W4s(SM}b`|LDF1BdIv~#8Xdl5GPvnc)6CTkAT4-J_RR^OLavgDJ73?Zlc*O$
z1ec7yOV^{iVOws9ghQUJ<}2yCp|>cU3>36Mq(DLQx6jK#Np(DhpR8+Lq=Tx&@d<YC
zla5v59!^9XQP>;LgXa&0qb3_Y_%+xyVV-pfqZ~R^XHa7Wvp)p8CSJ_~30{xZDxReM
z;3E&gj*0)KC5b0#N#aS`0yaDZTPFIQy9)72x&>i#W1To@m&-B|#1ex@D%7`iroMgZ
zMOZR_@hC)ru*O+oZg`2v>(TPVThfgN1~pkNB<Fi3Q3019o}>=W70Av0<^_3ys6z`6
zudX{QqKJBKYK5;mye@SZB#+nz(?iC+i4y7RhL4QmS=byNdeY%^2pnN0{W?_*$GW0^
z{zzg?IFRV}Ygc20IjCzLV9cQLH50;HIV9u<*gkU9eQ=76UpeJ2JH*fe1>%TED4-PW
zr361*cPc~OiGcnYuh9j5S;A>hSv-Ym3SWT)IV%sftl?%kJaqO4LUfmeiWBb3>HXmU
zwq)U;8<k0C*rab%W#J0ab%@cUN0Fvg(^?m?!v)o$<MR1&U*&^!Iuu}Eeihy;f`++)
z&{VSmvq&+ytmhtK6Ad}Nl+tlz=x6>Gx!bENLhlh;hU{-1mt!_I>aj02g#fwnXAlho
z+)Ix&j)pz^*3aYva(4ZV%Iihhoiz?cWzk_}7prP>@5(kWcfcC9?=~gH9{&u)Z0z|*
zd13ao+m!MGcH?39-)4XNQDt`ltGOM%=e~Cg+-&bmfx>p)u3RhmnD+wgZC~60e&N?|
zSLzr0M^i(zYCxd1(acoi^dL+8CkRD%<Ud20r0YMatSXxx^lb8MfH#H>_|{OXwBe6Z
zJ@XcWSl|1kvPK57&QB<HX9f!j*n-;?SN5ITmC1eV;%SJ+_NPX8XYt7MjzY!bgVxyn
ziyX_DZ2+Puo-2R=kBzes#boKPz?uF276?XjG-WShKR68rbYT&MdHcoF5N7Svub`b!
zB}DSWIB6Jj%*7t>RpIpfS4u70_*ag#SlP~s{~q=XO}~PmfiKp(?d-9a9BOuI)=?m3
zqyM1%ZELo0t$Lz>-PZsv&%sx0aHHb1D;P8`@hU`Zy0iwaSDcONv)Sa&91oYTZSA<W
zW6xgCf%u;G_`ddzU3<0YhF!gM_0OZwq(<309coEgSF$^h;$LoH$U0ty?Y`Mv&Q7$e
zN=Yoz%{MNlQfZ%BS?f!L!m(UJawG(62npfu3Z~eFYt<4J1K()*-M;Qn4+MILe75Ii
zcWE^|0gb^&s@?pB7H>#gEJIUObw02H{6^PYW^QY#Kk83~_)QnD!>{%%eXU3ZlW?x9
zp$7UY?*Fj2C`8g5P4)1b05cPY{aq3b2I0%bImBiu>VmLK3#H6;;3ml|Luo0ho4<|_
zP2gP<3Q&m;VZoj6vIvN!r0!%W6p5G>gqL0B#%sfVe==Zh94<#JZI`5y(WIFL-kxC7
z71(q#l8SQc&jq7P7U+0QG71MG{8UXZF*m$49P}kcXain>pQKybF7N41i4Tv>bvV#E
zI#i{sD<HlNwUm?UlgUVEz6LN{kO0-vFsvFrvts$7uvLguDk45I=8cGhV{QC<;K6ms
zJpQ7b3lWWWd(9{m4VZ*j5)KB#UNZ{m@YE~=9RBpA5?y9>@&i_sp$f(!no9Nr&C`k(
zqX>1ut{A*MH^GauH%U<E4+j&LDtLru5umgSW5e<TO0ET{!Y-s86^OuaS9e#E@ALFR
zc#VM*9*#KS>v2=-#M<1r&lmCq&7AQZ#nO0LR}8`{=T_12AL{N(CC#0ugBWTZg68_g
z*)A81c$->p^TvYK)@fg^HO~*ryWp$N-qFm&aQ8+J6`Q)lxA9^=%wI^Okfi_Q5}Id3
zU6}r3szO@}io>PZ-4sl>l-Zn+V~?#D!7wDl$wasJ?u*V+cH})+LtOh*w;Jt=_Qb-N
zDQl)Q2%mxkyCAFFVqud#-TrQ@SxyEPIRa@YfgH=2ybr#V3noK>P!IlAO-fwC;~|?Q
zCnr-=A}tx^U@5{qX3@DLsv$T65j=X#YX&bS-321>4%a+EID3->b-pA_BJ)H>uf!ri
zS$CwzZ{b3Y3$~9CP6Se3@#ujgg-QuT@GW}OZ$=;SHn$$|g@WQsHBO9$*4C4L7#(x>
zv5F4ih(8jGntM;B)H;Mg4g}4eC*Jsv7|tS?KM6nfoh^C8U6=i@Th!<FicJ~@G9OUc
zKgR8g*jN5eDr3L?J84n2`X067T0JE5e@t}qnTqW0Hu>Xf_M?u%pWk2{FXSVg=Odl}
zUli$_b)I$9WM6x?5F%OsuLyVkj}G?cY1bm=xmGU7{&t0ZFivMs^MybEk&-<=VE<{c
zH3<6E&g_@}(q0(?viAvv4q?y>7TP~{_fz)l-A@&LxtQexqEpQDKO-Ref{M$9LO){5
z-u#E6H;QNk|E~{-o{xo|kA<F(g)Ty6h~TgJSm<As^Rdt&z&hPxP~c&fkA*(os6{Kc
z9P)GZ<YS?0e~=&_3w>;y@2T-JN&In<d@S^QEOa_|61RMMpm2K7k&lHwpKfxmz_r-o
z7{VkU3q2nTeH`!H@ai}p3q2nT-E2U3AZ_cL!h9@r317gYYQ%@HA}l#Q>oA2V*W#&T
zb%ivUkA<#3DKbSf&&NWy{24lPbZ;Iu-Uu$Pg)pbL_W4-o@P|pv+RDd5=b^dtvCw(&
zb$nZwkA)7g)cN;C6rLg<3mv1<=VPIx7U;{jd@OV=d^f&=)za`pI3Ek$r@itPM=kod
z1w4v5z8}`~rN1E7GVqOcJ{EeFDfBk&uk*3chj=Vs`l|EtQOEIVyE*DOT%Y7)p=*J)
zE&FkJ-z#FO^AG)uaO(M3=n#HB9}E5R@!9cf4hM!n5&*()TMAd?W1+*Bo$nWZJ?FEa
zd@S^QEcARVbo_QI$4$(~LZ{&E`0_)Gw2eL>M4ZmYLe~_6eqKHnIz~^oICVx4YjW!H
zvC#Ek;xK!7Ja7D4-T7GPmy6KOT{{Ct+_lqmhY^qRvCuzMX)Dw}xGmKKZfilvF<OI`
z)<49~$3kzWNcKEzI7O7AFyZuZJ*6lH0miV;$3oA?LjRz!>^WO0J=FKc+(_mkyh1(}
zdOj99k8>kF$wv#M1@flzdy$V;C?5;m8WKpT29E9XvCtvrceN?zcRm(+J{CFzxj+j-
zQNziJ$;U#c03AjcsC+DRYbbN!l;mTf^W9}W7J5DwI*;m?kA;qL<?+rMf+(88z2{@0
zSBWU&6!kkF3q2nT-3X$t1u@64v2$XQ=VPJM5oA6Vy5*XLhvI@Ol6)-md@S^QEcBcp
z<M~+V`B>;PY*RiKdOj9<J{CItAwac}$C#ub-uYPQ7^NLgI`gs6=?_X8VdD9pTA+BK
zsGtAUvCtb-Jq&u);{R<Upr79CsM_<tNd)vy#xeG}SIQoF#qpq=kAQx7m`A1M(b3H@
zhw~B8OY#xW^AXTX@)6J}&IdOWbdI7$ug*t6&qqK96ZwBy1oWZRAG@c*nZ2jNwdbEP
zm@!11+~6u;S3BKa=1D{93-7v0nSGaBeCA_LC%fo!U(ZI0-M>Cl=~l{{)~`Q2ye~7-
zl^E6j3d(q9g!yD!2|KmM;bU*TT(pGU@fDYyz2J2J1-sVe-o&mgg}=da+iOK7+0g~=
zt0fx{v-1nxf5`r1k^2sbxA*Gv1xwh)e{tJY;D;54OWpPC?Gksn8-97}JsXVt4XnA;
zT~T4lH)>>o^209Ka}#^yyY4FXQjx2ieLA4HS@Ww!Dm(WWh_+*adjWJu&Hike`!mkE
zu~afM3}NGE)?IaY_!jOGj1Tkay_&suP?>b%5B}xGYWBcE_**l--{6i{i$CfFe~M+@
z#^KEPTJd{$U>#fZa#1O}IOVXjQ;qJcZ87gEcK*}Ol5D8Sy;2D_r+YjrQ^Sd_!Bis!
zb8PII7$46JkMTyEQ;B4sXXRvSxH~i2;8_WOb0;&(PQT-<fWOvFjc}qBH;Fp8FzH`i
zCF~o2?_RKV9R6JS*hpeDH9X$nvHakCG=9ea!yh5<F@A~GIzQ_!TWpqdER#&bU!-01
zrn|H_N3xDL+?9)jWb?@swziCF#*bh~)pNdv$z>qF=d38UGGHj&nK#|58io@?DNS@w
zdRVARsL_xJtC@5Zw6gm^c}(P&lO}s8=>B3+cKasxIvd-)L{->TSGk=wZ+KnymN?{P
z;qNsS!W^k`7qCxlcbBnSeeR;{?(1Mauu~saZeVxZ>9%LzKIHyqiJknSyC4gHzv+we
zqQTyc^tX~4Jkx`a+7QZ?A8}vX!hXEezL1?dV6(G3zYl*@>FWPhWQRZL^viXHrR=d^
zDqgnhF}KRzyw^R(>>qP4V84IUU2I5Y2dQ8P;O`yXrn)QGQv72{r&QI>{`jv>oEJ*=
z`+w_xqcQvLi|z+)Dvs4A54(32{AtLOuR03Pq+lAI`fsw5z4T*uq$GH`KaXU_4gt8a
zZz3f|hK=0rs$vg3;dY(CLF#RUL8m&m7>ldN{I^Ah($i~KP9_E?V6-`01Kw5ZL<FvR
zS$J;x00t3aZ~{QcA!rr?|Axf-G4Oif4~#`GF9H7>6d%YT=w0Q~IstOfU#VEK$YdLg
xIk%ead&6DATHged*1A=#VgLP2_d@oCH{j1ojlJpK%C7pb>d3zLhWqK_{~x*#bjSbz

diff --git a/package.json b/package.json
index 099759603..85a011396 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "@fullcalendar/timegrid": "4.3.0",
     "apexcharts": "3.12.0",
     "autosize": "4.0.2",
-    "bootstrap": "twbs/bootstrap#c7ce627",
+    "bootstrap": "twbs/bootstrap#46f086c",
     "countup.js": "2.0.4",
     "fullcalendar": "3.10.1",
     "imask": "6.0.1",

From 272a16c72498ccd546c1b8f585d3e85d3459ef3c Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Tue, 7 Jan 2020 23:32:40 +0100
Subject: [PATCH 13/33] bootstrap upgrade, new dist

---
 demo/400.html                         |  32 +++++-----
 demo/401.html                         |  26 ++++----
 demo/403.html                         |  26 ++++----
 demo/404.html                         |  26 ++++----
 demo/500.html                         |  26 ++++----
 demo/503.html                         |  26 ++++----
 demo/all.html                         |  26 ++++----
 demo/blank.html                       |  26 ++++----
 demo/blog.html                        |  26 ++++----
 demo/buttons.html                     |  26 ++++----
 demo/calendar.html                    |  36 +++++------
 demo/cards.html                       |  26 ++++----
 demo/carousel.html                    |  26 ++++----
 demo/changelog.html                   |  26 ++++----
 demo/charts-heatmap.html              |  26 ++++----
 demo/charts.html                      |  28 ++++----
 demo/components/card-buttons.html     |  26 ++++----
 demo/components/card-comments.html    |  26 ++++----
 demo/components/card-ribbon.html      |  26 ++++----
 demo/components/card-tabs-bottom.html |  26 ++++----
 demo/components/card-with-image.html  |  26 ++++----
 demo/components/empty.html            |  26 ++++----
 demo/components/input-colors.html     |  26 ++++----
 demo/components/input-image.html      |  26 ++++----
 demo/components/progress.html         |  26 ++++----
 demo/components/simple-avatar.html    |  26 ++++----
 demo/components/simple-card.html      |  26 ++++----
 demo/components/widget-revenue.html   |  26 ++++----
 demo/components/widget-sales.html     |  26 ++++----
 demo/crypto-currencies.html           |  26 ++++----
 demo/datatables.html                  |  26 ++++----
 demo/dist/css/tabler.css              |  31 +++------
 demo/dist/css/tabler.css.map          | Bin 704126 -> 702341 bytes
 demo/dist/css/tabler.min.css          |   2 +-
 demo/dist/css/tabler.min.css.map      | Bin 915397 -> 912198 bytes
 demo/docs/alerts.html                 |  26 ++++----
 demo/docs/autosize.html               |  26 ++++----
 demo/docs/avatars.html                |  26 ++++----
 demo/docs/badges.html                 |  26 ++++----
 demo/docs/breadcrumb.html             |  26 ++++----
 demo/docs/buttons.html                |  26 ++++----
 demo/docs/cards.html                  |  26 ++++----
 demo/docs/carousel.html               |  26 ++++----
 demo/docs/charts.html                 |  26 ++++----
 demo/docs/colors.html                 |  26 ++++----
 demo/docs/countup.html                |  26 ++++----
 demo/docs/cursors.html                |  26 ++++----
 demo/docs/divider.html                |  26 ++++----
 demo/docs/empty.html                  |  26 ++++----
 demo/docs/flags.html                  |  26 ++++----
 demo/docs/form-elements.html          |  26 ++++----
 demo/docs/form-helpers.html           |  26 ++++----
 demo/docs/index.html                  |  26 ++++----
 demo/docs/input-mask.html             |  26 ++++----
 demo/docs/layout.html                 |  26 ++++----
 demo/docs/payments.html               |  26 ++++----
 demo/docs/progress.html               |  26 ++++----
 demo/docs/ribbons.html                |  26 ++++----
 demo/docs/spinners.html               |  26 ++++----
 demo/docs/steps.html                  |  26 ++++----
 demo/docs/tables.html                 |  26 ++++----
 demo/docs/tabs.html                   |  26 ++++----
 demo/docs/timelines.html              |  26 ++++----
 demo/docs/toasts.html                 |  26 ++++----
 demo/docs/tooltips.html               |  26 ++++----
 demo/docs/typography.html             |  26 ++++----
 demo/dropdowns.html                   |  26 ++++----
 demo/email.html                       |  26 ++++----
 demo/empty.html                       |  26 ++++----
 demo/flags.html                       |  26 ++++----
 demo/forgot-password.html             |  26 ++++----
 demo/form-elements.html               |  32 +++++-----
 demo/gallery.html                     |  26 ++++----
 demo/homepage.html                    |  28 ++++----
 demo/icons.html                       |  26 ++++----
 demo/index.html                       |  38 +++++------
 demo/invoice.html                     |  26 ++++----
 demo/layout-test.html                 |  26 ++++----
 demo/layouts.html                     |  26 ++++----
 demo/login.html                       |  26 ++++----
 demo/lookup.html                      |  26 ++++----
 demo/maintenance.html                 |  26 ++++----
 demo/maps.html                        |  34 +++++-----
 demo/markdown.html                    |  26 ++++----
 demo/music.html                       |  26 ++++----
 demo/pagination.html                  |  26 ++++----
 demo/pricing.html                     |  26 ++++----
 demo/profile.html                     |  26 ++++----
 demo/register.html                    |  26 ++++----
 demo/ribbons.html                     |  26 ++++----
 demo/rtl.html                         |  28 ++++----
 demo/search-results.html              |  26 ++++----
 demo/sitemap.xml                      |  88 +++++++++++++-------------
 demo/snippets.html                    |  28 ++++----
 demo/social.html                      |  26 ++++----
 demo/store.html                       |  26 ++++----
 demo/tabs.html                        |  26 ++++----
 demo/tmp2.html                        |  26 ++++----
 demo/typography.html                  |  26 ++++----
 demo/users.html                       |  26 ++++----
 dist/css/tabler.css                   |  31 +++------
 dist/css/tabler.css.map               | Bin 704126 -> 702341 bytes
 dist/css/tabler.min.css               |   2 +-
 dist/css/tabler.min.css.map           | Bin 915397 -> 912198 bytes
 104 files changed, 1322 insertions(+), 1352 deletions(-)

diff --git a/demo/400.html b/demo/400.html
index 035d006f4..b735501a1 100644
--- a/demo/400.html
+++ b/demo/400.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 400 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,13 +57,13 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/autosize/dist/autosize.min.js?1578435905"></script>
-    <script src="./dist/libs/imask/dist/imask.min.js?1578435905"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/autosize/dist/autosize.min.js?1578436289"></script>
+    <script src="./dist/libs/imask/dist/imask.min.js?1578436289"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/401.html b/demo/401.html
index e925456df..00b367d39 100644
--- a/demo/401.html
+++ b/demo/401.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/403.html b/demo/403.html
index 463dd62b0..d44c00432 100644
--- a/demo/403.html
+++ b/demo/403.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/404.html b/demo/404.html
index 2e0dd52d7..9b823f5c3 100644
--- a/demo/404.html
+++ b/demo/404.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/500.html b/demo/500.html
index 1616f8881..4ab67c99d 100644
--- a/demo/500.html
+++ b/demo/500.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/503.html b/demo/503.html
index a7de3b213..f210b54e4 100644
--- a/demo/503.html
+++ b/demo/503.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/all.html b/demo/all.html
index 671d750ee..9662dad35 100644
--- a/demo/all.html
+++ b/demo/all.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Index - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -795,9 +795,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blank.html b/demo/blank.html
index f14a744f9..e5bda325f 100644
--- a/demo/blank.html
+++ b/demo/blank.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -487,9 +487,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blog.html b/demo/blog.html
index e07ed955c..0c3ce3b31 100644
--- a/demo/blog.html
+++ b/demo/blog.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -729,9 +729,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/buttons.html b/demo/buttons.html
index 4e66e4472..c3e9d60e1 100644
--- a/demo/buttons.html
+++ b/demo/buttons.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1212,9 +1212,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/calendar.html b/demo/calendar.html
index 94d7ce52f..5d6f2c14e 100644
--- a/demo/calendar.html
+++ b/demo/calendar.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Calendar - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -496,15 +496,15 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/fullcalendar/core/main.min.js?1578435905"></script>
-    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578435905"></script>
-    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578435905"></script>
-    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578435905"></script>
-    <script src="./dist/libs/fullcalendar/list/main.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/fullcalendar/core/main.min.js?1578436289"></script>
+    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578436289"></script>
+    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578436289"></script>
+    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578436289"></script>
+    <script src="./dist/libs/fullcalendar/list/main.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       document.addEventListener('DOMContentLoaded', function () {
             var calendarEl = document.getElementById('calendar-main'),
diff --git a/demo/cards.html b/demo/cards.html
index bcecdde0b..2b941c563 100644
--- a/demo/cards.html
+++ b/demo/cards.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -892,9 +892,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/carousel.html b/demo/carousel.html
index 3f7bd3981..26b6c2c4c 100644
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -644,9 +644,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/changelog.html b/demo/changelog.html
index ad67158e5..f0c083ad3 100644
--- a/demo/changelog.html
+++ b/demo/changelog.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -495,9 +495,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts-heatmap.html b/demo/charts-heatmap.html
index 5f7c17ff6..0a696aae8 100644
--- a/demo/charts-heatmap.html
+++ b/demo/charts-heatmap.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Heatmap Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -715,9 +715,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts.html b/demo/charts.html
index a964f4693..5332c7683 100644
--- a/demo/charts.html
+++ b/demo/charts.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -638,11 +638,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/components/card-buttons.html b/demo/components/card-buttons.html
index 708730b9c..1ebb15516 100644
--- a/demo/components/card-buttons.html
+++ b/demo/components/card-buttons.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-buttons.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -587,9 +587,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-comments.html b/demo/components/card-comments.html
index a22d1f03a..dfb2d4f6b 100644
--- a/demo/components/card-comments.html
+++ b/demo/components/card-comments.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-comments.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -797,9 +797,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-ribbon.html b/demo/components/card-ribbon.html
index 7aa40ce1d..5bad13b97 100644
--- a/demo/components/card-ribbon.html
+++ b/demo/components/card-ribbon.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-ribbon.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -571,9 +571,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-tabs-bottom.html b/demo/components/card-tabs-bottom.html
index 458c8ef17..24c715ec9 100644
--- a/demo/components/card-tabs-bottom.html
+++ b/demo/components/card-tabs-bottom.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-tabs-bottom.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -689,9 +689,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-with-image.html b/demo/components/card-with-image.html
index 1a6cb5e6b..cec7cefe6 100644
--- a/demo/components/card-with-image.html
+++ b/demo/components/card-with-image.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-with-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -589,9 +589,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/empty.html b/demo/components/empty.html
index 6e5193722..eb8d07890 100644
--- a/demo/components/empty.html
+++ b/demo/components/empty.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/empty.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -592,9 +592,9 @@
 </div>
 </div>
 <!-- Libs JS -->
-<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
 <!-- Tabler Core -->
-<script src="../dist/js/tabler.min.js?1578435905"></script>
+<script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-colors.html b/demo/components/input-colors.html
index 1096881fa..00ae4918b 100644
--- a/demo/components/input-colors.html
+++ b/demo/components/input-colors.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-colors.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -701,9 +701,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-image.html b/demo/components/input-image.html
index a1e74f4c8..d53ffd5a1 100644
--- a/demo/components/input-image.html
+++ b/demo/components/input-image.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -669,9 +669,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/progress.html b/demo/components/progress.html
index 4738b4079..da96f3348 100644
--- a/demo/components/progress.html
+++ b/demo/components/progress.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/progress.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -675,9 +675,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-avatar.html b/demo/components/simple-avatar.html
index c36a5afd3..bd8a9091d 100644
--- a/demo/components/simple-avatar.html
+++ b/demo/components/simple-avatar.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-avatar.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -553,9 +553,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-card.html b/demo/components/simple-card.html
index 9b5a5c15b..fcb075275 100644
--- a/demo/components/simple-card.html
+++ b/demo/components/simple-card.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-card.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -565,9 +565,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-revenue.html b/demo/components/widget-revenue.html
index 11d1febbf..5b7137894 100644
--- a/demo/components/widget-revenue.html
+++ b/demo/components/widget-revenue.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-revenue.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -625,9 +625,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-sales.html b/demo/components/widget-sales.html
index 493e0d17d..05446da3d 100644
--- a/demo/components/widget-sales.html
+++ b/demo/components/widget-sales.html
@@ -38,18 +38,18 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-sales.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -639,9 +639,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578435905"></script>
+  <script src="../dist/js/tabler.min.js?1578436289"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/crypto-currencies.html b/demo/crypto-currencies.html
index 184a4fa9d..def9d4b72 100644
--- a/demo/crypto-currencies.html
+++ b/demo/crypto-currencies.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Crypto currencies - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1698,9 +1698,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/datatables.html b/demo/datatables.html
index e3d70b5fe..c1356b4e7 100644
--- a/demo/datatables.html
+++ b/demo/datatables.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Data Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -830,9 +830,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dist/css/tabler.css b/demo/dist/css/tabler.css
index 78a0cf680..329f3f165 100644
--- a/demo/dist/css/tabler.css
+++ b/demo/dist/css/tabler.css
@@ -2755,10 +2755,10 @@ main {
   padding-right: 0.75rem;
   padding-bottom: 0.75rem;
   padding-left: 0.75rem; }
-  .navbar .container,
-  .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+  .navbar > .container,
+  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: inherit;
     align-items: center;
     justify-content: space-between; }
 
@@ -2812,7 +2812,7 @@ main {
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-sm .navbar-nav {
       flex-direction: row; }
@@ -2821,9 +2821,6 @@ main {
       .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-sm > .container,
-    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-sm .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2832,7 +2829,7 @@ main {
 
 @media (min-width: 768px) {
   .navbar-expand-md {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-md .navbar-nav {
       flex-direction: row; }
@@ -2841,9 +2838,6 @@ main {
       .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-md > .container,
-    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-md .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2852,7 +2846,7 @@ main {
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-lg .navbar-nav {
       flex-direction: row; }
@@ -2861,9 +2855,6 @@ main {
       .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-lg > .container,
-    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-lg .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2872,7 +2863,7 @@ main {
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-xl .navbar-nav {
       flex-direction: row; }
@@ -2881,9 +2872,6 @@ main {
       .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-xl > .container,
-    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-xl .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2891,7 +2879,7 @@ main {
       display: none; } }
 
 .navbar-expand {
-  flex-flow: row nowrap;
+  flex-wrap: nowrap;
   justify-content: flex-start; }
   .navbar-expand .navbar-nav {
     flex-direction: row; }
@@ -2900,9 +2888,6 @@ main {
     .navbar-expand .navbar-nav .nav-link {
       padding-right: 0.75rem;
       padding-left: 0.75rem; }
-  .navbar-expand > .container,
-  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
-    flex-wrap: nowrap; }
   .navbar-expand .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
diff --git a/demo/dist/css/tabler.css.map b/demo/dist/css/tabler.css.map
index f09e85cb11b20da2aa42019acc67df01235dac6b..5865ff63e4935b35d51554a9d1c187221cd5c5c6 100644
GIT binary patch
delta 2271
zcmeHHYi|@)7|!XGvO8=g(6mr#aZ#Y!S=`y~ZoADW$((U!x0h+z^ahGbp_iS#Om}Ct
z-HV!<n6|KhjhV!g5M$IBK#72tIBKH87e5q@cfJvgn3(znNQ@dp;yJssOAYuB+~iE=
zeV+3^?|Yv2%-+1wI(Mb@Z1r5@c$aIG=SR6NUfA!7L7tC6@*aoA-E&OKbQUrqCo(Xd
zg>KQ6gKnsoA*~3-2xP?PHiEb@H~0R1i8P!RNJcyjX9Smy=@@}rBG2<2$73nuiFp>Z
z8;kQBLE1PuzpWt|(ga*PG~JhgrG26zWR1)7xhB7;LQb59y2RtQ#4eYDTU3fIMvcvd
zo|g8Y4!N)*_=9QaO2Me$!$3)-OA$Pw4#>%T0vc}?HV2?a0v7fZk6he@AHo=JYX(L`
zz5f^bFY9b&>x{1o^>xA^C-VK_@+`20QRB}-uUwpke8*Yffx1I+0nac4hg=yv#0(i?
zFbiFiIG8NYo%ccyAsA?!I=pGNqkE`wA=<jfFd@sX15qK`6E5K#uLy(?`8`F#+v6)s
zDFV}7tT+k7B*)(?SG0URL~9BYIecZ*p8i{EOxFa5e<JUL@+`@l>AkI%B6JZZA_ws0
zR0Kut#K#bDTfHOy77}?KZ)N&bsCEa$GM9ku!MKD=uqB;5)~U2sY?>n$2&MWSc}4xn
zK5|z49pLhsY*oW8B;<*TIeB@YT&YA9&0+9C-DRedLA)WIt9_OQ6^58IOQ@MLMZ6|;
z%I=UJ+<mvzBIb}{$^H>yPO5*mOUE)={|ax2Ov#&AScO@6r8lvjiZ@$`PDeS>YK?dk
z5K7lz*SnXGK7Nso>AOUZ*G0Exc8`JMRdg(60ZDXy0(fb~iaV2L$0XPT=vdO)Fm>Ws
z1gxS{mO@-NUr&JT6rIva8{!)JE(s3MdOVCvOp9t9@hQ+?V;;eSPy{b}G6mY~nw-bC
zRuR(ZSPG2LDTqVNj)~}80c<eWYam}wxA}<#BWC^R#RahB(5+bYhb8p(Y0!)g9R$nv
zgat>?Q-{DQTKAQ*R3BmsKyyr5afdf78P|^1p)>CQ8eJ%WdYbW;w)(y3*8-TO+pKuT
zi}b_bHG9H}Bj)BK;O9n~$qe9zQj$MoI*x-H;K+Fhpi61bfP_AM4tK<z09PC-FM+3}
zxObpf(s*93HHS}v2ynFf36+sN{t{(gdIJnmbcP{tPSP0jp|^le(M)s@1K5`U`tU5c
zXRWUo^8)?~SScShe>n@9R@1CLC~$ncG^3lfAAs4$W?y~?r?EjTKP2IA(i6<A0F3jG
zHk+S)4eqLTOnS(^wqOT4Bq4ASG@%>c1K0WhTY|k9=ESs+52BO?<a#}*NcgXT6TLyj
z%Isv(OBX?yW~>xHYyN>_yCa|tW9g}oM;qqN7k&f{6uSBoc-TB~8KhS^5`kgdaViuE
z3_ntw#>+aWT?j4%Gq_xZZ^vmjwGmx)QBCOD15_irx*b1Q7C&~en7Hs*l^va%w>8)l
zH8QR#X%3zLt-21ebv0|uk!I>lHA=8lt-0Y|Dg@9cTPYjbx0PBdf(V11=!X_+jXArG
zss`xk7V4W7%%%IOwdiw(YDf5O3BA%veS3>FKW3=40G(s7;ukxp<7nAcv(7yDAhjJV
zEV2|{)p)JKs|K&t<|1obx76!)I|n1<&V3W{@$8O_Hk#b$OlnifaV?#5D!S7;!}ypp
zJ>}GuL^7^S<eX`oF`iA1s$-Z?M`!krYWiN)iMHIZZ9*Six3%2i><FKIiyiNBKC@Td
ztD;wJ_BycB-1(Pn_ZpOIrE1X;o1I3#FIKHXQ-9lQ%`a>0Zm@9EZZ~h*>1W^j2fYu)
AMgRZ+

delta 3489
zcmeHHTWs6b8O9NvTB7Botry3R?S#45&Mc~uELoPLp*6`+j%rJ`kT{upNvBvhS`;af
z)Wr%0V;CGKPMfU|*7LB3VZ*kdNKqv1Fz#W)u(zTwTOOLC4+VPLmY1#%YZDYLik>4<
zwiF9(p88Y)l=T1K|NWQm{D<qGjD7Xx*o}_$-sLbIXP9^}%y8%FB*P@}zf^5#-7#9O
zuns=RJJ?c%b@B8n>tc%ymsWRWv8yJp_W`MPY5mVfWQ{Fym?3FwiKA5n=dg?B8HNc4
z8I-CPzv$i{(AYAHJ254)c^t-+5GTl|xl--=#bK1}*2N!yYVAK4R|mbkgpeXz2r;NL
zK1>%_hAFVPOQm*UW0ncbsBADMaFa6{i@+7mj~qt9u)ujwPO`yZgpt`<T0l&p0Wo=2
zV-b+!Y9DVL2yhBE+}vzkjXE8DaS7CPiOq!PzHi~XQNjHU2f<`coDTBLe5|np=zx@3
zZFA1pfk@jO-~}!d7P%l=m{oSMWe0es%6jo8mATqOR}NS?4>lZJjlMFlHZi+sED=iJ
zo=qSi5}}t@xXfJ4@CO+K;F+a5;F<H8yM-8mSyVF2q}dqecoDUJ0}wJkhjYmYSVg-k
z&dqOU3p|+$q7Tpb*vJ~@X^|bZ1TKsbS0sRLg}|kwQ!Jh4P+O6+t%-O>MWK#)i4|u9
zd;`m|zLR1Im2ew*D$&4wO=F=PoKe3TZL05xCJ+x@KvX^-HLIZ(veDF*IF;zBMkNEN
zi{n6pPBoA%2G$05F3y`0Y#~^jH4JGD2y2b&G}OU8OwI48g~h?eq=mCs9C_i#w2IQ?
z7n-!eX$)<$F^Mfjo3#<<wzN5f^Gq~|W@}iR0B5X0?DfP8&)&8R+5#VBRDMcb2*DTM
z0X_PA%iu)|DJZ7D057C~mrR@XWI_K+3M>IqD3}5HYXcdui<HeoE1Eu>10w_}t46?z
z3K#QW`B)(rLzRlWn2X^9<am0CVU`+luW*4A=zIju1K-Poahn#YqGc911r8LzSyE<^
ziO};rWH!M*y;cC#y`<ZZQ#$yPAMV=#Z`uo{E&5|2cuN62FI@uvw`EPQ3x0VCTqg??
z21%TNH!lOl?(iA*gwG^F_iKQJbDLl<889)g4`w&P8tFD|%?Cf-1i!OoP1~ja<_h?z
z-yW!(LJbu{-pZ*^4Q%w(ejOp<D}Mn0wU@^+qK1_5Qz1D0b1($|`bY4IUG`yjF|^`C
zZqzZQzkLm4fZgZE{&J}5H~c;NxtGBrK^9%uzZ%NB^uN6VRDuj-Pa{WxtxUn=H^9L?
z<8_<iki_m#C97v{fWc03RXfcE8GlIA^s72p>mM3-FCv<IChuMhp&RR&DK<H3|9EOh
zpScBgcaRPbjvJqu@WAKZ0#82bH*Jpx@pz4^&cNMQ0sqo%&_kxjjo3*K9J&o+WWbE|
zdh`miZFawU1|^eER@E~My!inr>(lRpI{>2ZPxWIT0&SN)J9P#%S~%$noH<cHL3mIF
z-5YP*0s0$vESwj14-)(OA6u3sEiOn&#hDU|LV~6qlj5cGaRoAiM4z(>&TV5<lUq!0
zQ=T6rCg7{TwAkRke`V=~`2nH>cHOle(yc?p)eiX7;{*vGJw{B!=n<j|E{&nD=@G(Z
znDk-d@7<3#rKaJbQDSeenxmS%W}EPl!$c39Mm@s*!$jA^Eg`5?16LaOSPNbesSD3Y
zRQ;0@lND!KiRX_~l8k@hzYY^0H}$$_nCQ}XA0;|Ko9>R~679Nci0DjK@^LBQ%q8Fx
zgG9e`+iqnwX}cW)3y3nYZMRasb%s8OI)AHa5P5{y1D_ouI<e@V?;NIYxJ9Jab!fC9
zrduZw)2(f_nFLW<Cb^&T0F$8ByWsv|;%Qj_w{(O!4u7)S(hdJNN*t(<sH44_Z+k*0
z{R7NZ5nJcFpVekAL}{7pe#!&Pb?%46O?yg|%f~52E~5p6v3IS*`j5s460pr((|BFY
zn`s`!158yPX|!$p&Uxy?>}wm0CVl^UNB@S~L7=AtJ-g8J5PCXwx5GO6Cj9+pR;JC(
zr@OY_6f}I|gU%s1a?d)VU%qSY>oU&m8nB%M&$(PwNLDB*scM3hrnX*6DothLr6i@v
zl#)y&m&Le}q*5p{E(&QWmy|RrUsUq4np7JXnxclc=uR^syzyb@0Q|)vVm~}>u|4A1
zA+7N)Xm&g6``>s^z=QX!{rzS(=aCCX&nwAzHZKd3_S4`q5?rv@_I6Dt<I5T9s47&G
u@V9rZlbvQ(_|K0z4|X)%y|C||wY#3Mw|zqRv#@Po;|q&T|H49U{^@I^JVhb^

diff --git a/demo/dist/css/tabler.min.css b/demo/dist/css/tabler.min.css
index 39aa17f84..80fabf122 100644
--- a/demo/dist/css/tabler.min.css
+++ b/demo/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler.min.css.map b/demo/dist/css/tabler.min.css.map
index 14c0247dd325772c80c220f5c195662b46c3c93d..3eb82d8b65f0328203bb4261008156a019e7ed03 100644
GIT binary patch
delta 2910
zcmd^AOKcn06~*I7mPArkEy<Q0D;1rhb=(<yIQ$GrC$KedW;i5mMy4c66_Af<nW2XN
z;ZUT=qH3BLR+6F(V#0o_I6(`fXcv|OCKz<lg$vYZ0u(LK-@*$o(oH{z(^WS$-1}x^
z*N9P|%K}}zA>Tds+_~@FbMO4(ZsgV<B0H~b2BIowVoB=aM}Gp;Sdd#ryrFR!Ns_oT
zk}Ppq`Y+S_X!DuTz}cj;U14#zcW?9eqio{emPqf;x4%AGPpI4~r6fhn_71#Km<X#X
z*TE(>;}TcGk_wF8`R_b;sv=7je8zcGUeY9P*?DIZpXExj<bQyrn|Lkp-2X@j|KkS<
z{nrPPc)Y~rrMV2;fc4tBBL!J%<Lu)%5Ck_CODyhRxb$b_3eNY_mv6a30Re7M$C4s(
ztGe70;wra7uS}(7N;{XQ#kp)z?oiKFZ6g-%-MM_A_re=PZrh||jgR)LZv@b>4j)f)
z1x1&GLVTXn6)B2WxHgCa;uYnBKc2GDn9%$9P2pILdh6g_4}f<`kwkfgTYuo~?}9f)
zTY>&pzAH|83_TI&)@4x+>ivuFe#p4jS*UMTlpAdSsUO~Qr}PL^w1#QoHLNQe;e<q`
zsHx6nq>D-?3?V{*H7O>_5~#?QqK=D7n}PuV8{uByMr2<hoJet|Lc^^qwzYfXh{sQv
z0a;gsQ1AU4u_FZ$)EbZrn2&-;ZMCJ>a3uz*tV67B=*spLzQO{DZXu@>{3*(UntteP
zvS1YL5{Tdv4EJtsFHdwrySbJ_Kn{V%)!xm-6J$<6gZ<Rb$-(JRJ*m>$h0=8Zwx5t}
z8ym`6|Gkd}T%Kq%DM8WOiqPzDTfWvXtHik#C=dDLaWpg1ft`tUxk>IHNBcdZk%8Nh
zb+z6gGbhm0m)9E^l@k?REgPA%Ba1Ud*}(HuDi^KA6G+@MX$TpKGh{z53*c=lCestn
zADV)cq3$6p-~x3CfJ@MyN%lVY#uMaj813op<o1#KA#}xSb^(t9UhQUjMsb?_G>pbZ
zYt&j({Fv`JEDKl>*U@MY-c!TtYLou4$3j|~2W81ERS#v7kPO90I*LB`)>sIl<F;C6
zGvqf*=z#T73@wd3UE+Zo#T_-s!qM!qsnR)6A?~UM#Y%u}0O#+sXo7r>(a_Uv9%54p
zn3G(N9xfxT!DWcR2~bc3u*F(4GP*wK>4@_nR~%4<2>E3Kz3DNc^Kel(r1BB+LK0yQ
zOARI%x>52IYUspv4b>R=2N>KHcGnOgKTe{j$iWmEBh3^V_lOUW7E9hvp<_ag8rl%7
z$j&Dn!P}G8Zsv@XO2MncYMY&>$EIG^UsLE;1E<!bkY*c;YPYr!=PEd&wrdM2Brd9J
zQE=WJ0UPNQ%+H7#qF_N5;SdxgnFN}!M$Vxh>>aNZ7ULYNP&tZ9DbDi?<YzCU^f=2e
zKnYZ8XTcuk7p&=*&}S}>URq3n-b(Rq(b|6jO(TzCf~75+@eR{@b`@P8c8jq^I`!kh
z82M8P#oQ+A?CY#`w2ZQ2s|7I&V*=}1IGnWynU-{vI#<-hFkm@d+n`WR0>u6TrKKbs
z1{XDh+DpJKhqFnTp-|B|iorC{N=`Uk<3rY+Z=(IKqb3jDY1(IBd>C4cVrLqf!Dq?g
zO?2o<o`r}`Gc+_m4|!zhAW;pi#b>R|Ci>bQPsdnNxr*G@iUxW05;{3%HkTx>fIC{f
z3CLXUZDFFfy*_AtdI`-Um(eC)y$lUdZd)&2MhWC$Ti{OHCfp()Y$0ycPYtwV8m*;=
zeKutsejQyIavSAkn3k+oEnC)GC^aaX0vO<n0BJ$1!fa=8B~cWXA2cxq?8eAQ@BuJ!
zHBq4q7&Z2gp}s`9ijK_GgylF_lWnrZ`RSx`h?HXr<Ptb}>JFC%Av;&mldiCz{Q4?-
zRc;3%XicU;b(y9?BUOX{A&mfpG$<o#ry)Yh)u5Ax8H6-C4%t4~qiM8*<agH~ji$q;
zL9P+VA{N-1A;_8`uA%b5Q@#_cwQ4h`SMv?-`Kr%%qMB=6$iXypGt=aIUt$iC9s1ZF
zg~tsybC8ULyfedkbuHh}o6nG&*G4ADY{<)5lLO562T1vy0q?b+j}DUC9wu!4ZI~HD
z<nAytO#bO+K6!{*fGUV=?ghZN_YuIRk$3ko9_#cNGl0mm`<UN8q&evIab}Egv)&PM
zc8obrVEYMqejFm{lg#^s`<QVO_{(AMv^Be*aicAEih(r%YY^5Ri=7%e{G<Piqr*{|
zZ?R<MJ@>@c?R!J8hGC7sa$C3WdAwqh=Y5N7dEfb$%lVDt?MAMC-dAtb>iI^q<I_#w
zZlUuRea)KB)GPI}{&L6H1V(<No~vF2z!8i|J`H-+$Au9Y`+~&CeF+M4J>)&@Atxu9
UQR}nQ-et6<%3e#AM_>8yUqD50O8@`>

delta 4338
zcmeHJYitzP71rJLGG=ET%e;&+;Ke|R*)g*(&+ZbHFf%**uvt56u#p>*u$X0b_A#?h
zuk9p&LIMd=Y3M?(qDB;c^j$(KqYg+^1yZP5wM|tiky42kB&0snBr1PeT2<}2vx~7)
z|3IxO^+#5^y7zqN_1$~VJ+n7I@ZI>t_s)@n>#7n{5_o<>m^&2+D2tPYkS|m_dv;^(
zCkHpRcy~mZ5uWFnF^Ax){o~;KEpqfB5~%(5(B>93A~EB{Cdvu^+KR*SN{=KlQ$k57
zgm@++@KVDgT6_KQ;2};(iJBS;GC7gwy<tX%NfqZ#Qv{U7R4z2#@Eqdv!Vcn)69<?$
z$(7{8JhPju2KchLgUN`z^MNi_7TCz(f(&@R_T|Gn3=UQ85jf=4|0xG={t-A#YX2Pv
z=K?n|=N#nXBXH=;|EC;yRvd-f8j9EJC`ztuh!=TA7Wmrrmx50_p&qKGkYrRqF3fOH
znJIDZBoj~;*+R$@sYe;&r-f1CP!&i1y&gP}(IM~-ac0wzKOl>1=O7cS-9FPj<9p?t
z$>VfGRVo4><e70rEW07|7$GGQQn7kPg+t6pTC5Vw@$iJBM!&k&YDkI@4g_XAuewoB
zRSriPIjD#(cW9VVg1lcCW2!(NLZwBAGt_TreeT+c*IYe0Vy%F+>H+IakmtlPrt-jg
zidYkE*)#L|*SKZ0mX3s&ipYts^i0p0i)L$yg?b<1#5_CmyK^_K{jwh_ToVXqO;Cap
zT!bf&IV{zWBbE+UISAneU6JTGk%vcVJY_{l2P;JB24$YB{pGv9Hb-BipD6`NxJuAK
zpFF>go+6%ZQ3+1>)iUP;Jq|7s1z8pX0eJJq>x-p?j031tAl76bn8ThVsn+)G<@h%n
zQETnb=MS(M*1!#x{a}z5T~ch;y}&|hxOBJ=4uZJ2+R?XnFRk`9*r!QQuMzZGWEFnz
z31pdRy|C3{au;d?7dx8Re3YbHg`a#5S@7BeXxYqHF8%`1TqVjw6;y-Mm6`JQ?Gw%Z
zV2Bxm+rn=#sO#A(NF_lLi@_+9Aa`ceq|wHP(vr6rhqDtENiD&`E%J$2<6QZDgN!$r
zmP)0##Bf1HN*Cj?dI1fjMNJqcMYT`w=tbP37R?>!nS$sP((brayYuE!ta(s7?Qj9?
z2H54oCq3u}U2p>62O#Uj2`^&k909bTQwU5Gi*EehQPhU_mXSsOr5AOY`ZzD7*My2x
zBnyLfj30)I6DK6OFCK-g4V|&M7(Xz`Bx;Gb*5J?k&<$ITh4_k4mC|gy_SLg1Y8R%O
zb;ged7jIJJVTthzQ<95?jTv_=@lQd?3e%ECbQ#c1u=pI0Iv=md!%@R{f`yz$syLs5
zL*T&LNt7H|ms$NTkIq==s&5#oT5wC#e*DESI!<eWVK^YcD+T<xJAwq-Pk<5tlL4#|
zpz3G<SqHvCfDGFJ`W(b!9ljMotvC=xOK9%{Rhh-3QPe}{2vCJ+DHb1(qE5QP8k-}4
z{!SGAylHDG0F<f%Cr##ehM1h-lPdY05|HF1)(^&whA<iHhfj=8aucO2azI$u2hrun
zmSj@9LX0D5ly5K-3dp<gOV6O#62H6)j#whN18|SLOTY6B`q)Iv*<JlmTba;gM*sC*
zv>MS`8IY=23Qd%Cv=5zWwt5}l9OXhT2mV$X1*`?OE~~8mr!*RAJ>=j<pkW9~*u#w&
z-3+>m(Zz<+VK31ol<)*mC3w&nU(6UEg*^!Autx9<_@=p$D70py_(2DKA*|HHDd9jL
z=#1MRDhBuWGvlRTKp-VY%m?(V)95}j7vxcV<ptD1`{YqTi(w6b+W@Qyu;6Z-UA!2c
zl1KZ21N0WD5H8E3`id9P=N8e`;;01Q^lCU&#Ni`oYipqbQDk8%tX4oXR6FTfTDwrO
z=-)howj+}^iU0UA@|n_;`ubN;1hx39U`}3*r#d?Ox?0)`@PC55I+rj-49F|WS4X3m
zKZ@4qKRb%PPFc0wZfK^Ca5ksEa02yP+6!&~;FAFqq18awcL=#i%8hT;P-k0)D5nf%
zwGJ;nh1PZD+`B`JCK5Z)J4uJCA6Q9HBLz2(g3)HR?yE*12z=Y%A52g+CK3LFflp|X
zOu2~1g-@MAFSS>^5K9vY5k(|KNP?^v_nrnK8d3TUA{_VtY!E4Ufyk6$2YT4WTp|@O
ze)BXCDb{_}2n5MQpxXFg)|j9WiBBj?rd-75Id=Cn((j%&QCa*EGPmPBm#9^^+XSnV
zm#Fp?TgElDoKVzcu{SF-_AP2+Vqc>8#$VA2yx2`G!`ovv3qIRpTZFfN*wlotzHPDK
zul=}rIexuhw&-gvQx}@>cZO_M{Z~JrhEU5k`@?_?MlI&$rcw@%U7}Xw`;?i+c9VH!
zef6bFRAV(fi(Laoc<FUW+kF*QYkx?+Zv@BpTFl$=Css49f4tb-v|yUtej|;wH#wP4
zsQY_C?lPG>=E^57QS;>Zr}S3|r3dM|@l)5RpFT{l@4Zg7E|7U8{=y}yb2d#@o}U)v
zd1*nOmlouCY1=X6q4D3W=BMkcTklfI`U%4!EPTR~+4)-sdEVARp2q>?c^p9g6o+lC
z=I`OHJ(Sg?YS?+t#OPBuDKo-6oDkJGVI$|PKoZUhB-^Y&Qq2lRo)3T243%)5qVNZo
zsmJi)n^fzuEp28PO)xAl7U^5ssHNZdtYSZ_SmQDOA66_>sJY@ecK;p)qZ!6x7*_rM
zJ-Um-$sQZOP{YK~FxTOadTca3w@>CDr`PBkHruw*c<TnURZsQVo<+~GtUaU^?P{`A
zR#e$O+o(&7J(ZY9+RK`~nB1Qn&nAjV`vI^_WEEM>CDpP$Un%CbQnIv1wKsknXWe@n
z0r8z4x|6iKRd_jPYje$O-47k-!o3Hw6=lEu`MMV0-fZjWXhiE>|NMr1#bhFr*A%t<
z;uCvR+{W3K)7z7Y@sxc-NtsUKtP>J;_0X%SI;m}MIOwh>L-p=v+j=7&^?+Rxboift
Rx6#M0a5nu4*K+*gzW`w-NfrPA

diff --git a/demo/docs/alerts.html b/demo/docs/alerts.html
index bf2b99a04..5f1fde448 100644
--- a/demo/docs/alerts.html
+++ b/demo/docs/alerts.html
@@ -26,18 +26,18 @@
     <title>Alerts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Bootstrap provides an easy way to create predefined alert messages."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -797,9 +797,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/autosize.html b/demo/docs/autosize.html
index b8d3e3c4a..4c525a6df 100644
--- a/demo/docs/autosize.html
+++ b/demo/docs/autosize.html
@@ -26,18 +26,18 @@
     <title>Autosize - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small, stand-alone script to automatically adjust textarea height."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -607,9 +607,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/avatars.html b/demo/docs/avatars.html
index 2d7d5cb50..7468e81d5 100644
--- a/demo/docs/avatars.html
+++ b/demo/docs/avatars.html
@@ -26,18 +26,18 @@
     <title>Avatars - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Create and group avatars of various shapes and sizes with one component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -799,9 +799,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index 0c44fa625..b8a7df148 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -26,18 +26,18 @@
     <title>Badges - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small count and labeling component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -763,9 +763,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/breadcrumb.html b/demo/docs/breadcrumb.html
index 71c4b878b..7fce2ea8d 100644
--- a/demo/docs/breadcrumb.html
+++ b/demo/docs/breadcrumb.html
@@ -26,18 +26,18 @@
     <title>Breadcrumb - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -679,9 +679,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/buttons.html b/demo/docs/buttons.html
index 7f1779145..b73d1e2d7 100644
--- a/demo/docs/buttons.html
+++ b/demo/docs/buttons.html
@@ -26,18 +26,18 @@
     <title>Buttons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1655,9 +1655,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cards.html b/demo/docs/cards.html
index e66d69a9f..46c4ff585 100644
--- a/demo/docs/cards.html
+++ b/demo/docs/cards.html
@@ -26,18 +26,18 @@
     <title>Cards - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -974,9 +974,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/carousel.html b/demo/docs/carousel.html
index 7b2f9923c..da3c2aac0 100644
--- a/demo/docs/carousel.html
+++ b/demo/docs/carousel.html
@@ -26,18 +26,18 @@
     <title>Carousel - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Carousel is a slideshow for cycling through elements."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -677,9 +677,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/charts.html b/demo/docs/charts.html
index 5adb86049..2467f5ef4 100644
--- a/demo/docs/charts.html
+++ b/demo/docs/charts.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Charts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -596,9 +596,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/colors.html b/demo/docs/colors.html
index 51f05da0b..2fdf6ae18 100644
--- a/demo/docs/colors.html
+++ b/demo/docs/colors.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Colors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -846,9 +846,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/countup.html b/demo/docs/countup.html
index ad511d077..03502ad38 100644
--- a/demo/docs/countup.html
+++ b/demo/docs/countup.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Countup - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -722,9 +722,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cursors.html b/demo/docs/cursors.html
index ad90c32d5..d2d49a14c 100644
--- a/demo/docs/cursors.html
+++ b/demo/docs/cursors.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Cursors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -648,9 +648,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/divider.html b/demo/docs/divider.html
index 5f033460f..5c56bae20 100644
--- a/demo/docs/divider.html
+++ b/demo/docs/divider.html
@@ -26,18 +26,18 @@
     <title>Divider - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A divider visually segments content into groups"/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -663,9 +663,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/empty.html b/demo/docs/empty.html
index 81fcfa86f..667e58ba8 100644
--- a/demo/docs/empty.html
+++ b/demo/docs/empty.html
@@ -26,18 +26,18 @@
     <title>Empty states - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Empty states/blanks are commonly used as placeholders for first time use, empty data or error screens."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -667,9 +667,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/flags.html b/demo/docs/flags.html
index 264782e45..ddf100216 100644
--- a/demo/docs/flags.html
+++ b/demo/docs/flags.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Flags - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -2134,9 +2134,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-elements.html b/demo/docs/form-elements.html
index 4ba56123c..c4de61b00 100644
--- a/demo/docs/form-elements.html
+++ b/demo/docs/form-elements.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form Elements - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -2086,9 +2086,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-helpers.html b/demo/docs/form-helpers.html
index e531e3f85..138935f56 100644
--- a/demo/docs/form-helpers.html
+++ b/demo/docs/form-helpers.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form helpers - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -604,9 +604,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/index.html b/demo/docs/index.html
index b9462d7a7..c49f4f97b 100644
--- a/demo/docs/index.html
+++ b/demo/docs/index.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Introduction - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -622,9 +622,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/input-mask.html b/demo/docs/input-mask.html
index 0106f2476..47c74d0e2 100644
--- a/demo/docs/input-mask.html
+++ b/demo/docs/input-mask.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Input mask - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -603,9 +603,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/layout.html b/demo/docs/layout.html
index b0a57542a..88ad4ae6c 100644
--- a/demo/docs/layout.html
+++ b/demo/docs/layout.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Page Layouts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -780,9 +780,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/payments.html b/demo/docs/payments.html
index 48da36cfb..7fdf59503 100644
--- a/demo/docs/payments.html
+++ b/demo/docs/payments.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Payments - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1166,9 +1166,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/progress.html b/demo/docs/progress.html
index 5a3bc7b72..615d56fe8 100644
--- a/demo/docs/progress.html
+++ b/demo/docs/progress.html
@@ -26,18 +26,18 @@
     <title>Progress - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A progress bar can be used to show a user how far along he is in a process."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -718,9 +718,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/ribbons.html b/demo/docs/ribbons.html
index fe0f5df07..32a0a8bb2 100644
--- a/demo/docs/ribbons.html
+++ b/demo/docs/ribbons.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -698,9 +698,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/spinners.html b/demo/docs/spinners.html
index d480a30b9..2fc43f79e 100644
--- a/demo/docs/spinners.html
+++ b/demo/docs/spinners.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Spinners - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -873,9 +873,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/steps.html b/demo/docs/steps.html
index db99d31d6..0f32b603f 100644
--- a/demo/docs/steps.html
+++ b/demo/docs/steps.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Steps - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -759,9 +759,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tables.html b/demo/docs/tables.html
index 36879dd48..e28dc98a7 100644
--- a/demo/docs/tables.html
+++ b/demo/docs/tables.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tables - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -730,9 +730,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tabs.html b/demo/docs/tabs.html
index 11fa5ed3e..827ec410a 100644
--- a/demo/docs/tabs.html
+++ b/demo/docs/tabs.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tabs - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -977,9 +977,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/timelines.html b/demo/docs/timelines.html
index 9ed051826..0a679d0c7 100644
--- a/demo/docs/timelines.html
+++ b/demo/docs/timelines.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Timelines - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1001,9 +1001,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/toasts.html b/demo/docs/toasts.html
index aff0c1950..42fa1b720 100644
--- a/demo/docs/toasts.html
+++ b/demo/docs/toasts.html
@@ -26,18 +26,18 @@
     <title>Toasts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.)."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -634,9 +634,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tooltips.html b/demo/docs/tooltips.html
index e0652050c..5acf6efda 100644
--- a/demo/docs/tooltips.html
+++ b/demo/docs/tooltips.html
@@ -26,18 +26,18 @@
     <title>Tooltips - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -647,9 +647,9 @@ Tooltip with HTML
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/typography.html b/demo/docs/typography.html
index 1421322fd..fbe826512 100644
--- a/demo/docs/typography.html
+++ b/demo/docs/typography.html
@@ -26,18 +26,18 @@
     <title>Typography - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Documentation and examples for common text utilities to control alignment, wrapping, weight, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -871,9 +871,9 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578435905"></script>
+    <script src="../dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dropdowns.html b/demo/dropdowns.html
index 2103a1830..157a4a616 100644
--- a/demo/dropdowns.html
+++ b/demo/dropdowns.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -611,9 +611,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/email.html b/demo/email.html
index b64c6ddbb..4061e68dc 100644
--- a/demo/email.html
+++ b/demo/email.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Email - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -554,9 +554,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/empty.html b/demo/empty.html
index 239907f37..43f632ca6 100644
--- a/demo/empty.html
+++ b/demo/empty.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Empty page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -487,9 +487,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/flags.html b/demo/flags.html
index 1d7b33ea9..ca24dcf10 100644
--- a/demo/flags.html
+++ b/demo/flags.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1739,9 +1739,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/forgot-password.html b/demo/forgot-password.html
index 92f40a5f5..269ec9c2f 100644
--- a/demo/forgot-password.html
+++ b/demo/forgot-password.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -69,9 +69,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/form-elements.html b/demo/form-elements.html
index d5139b0d6..fe21c7d85 100644
--- a/demo/form-elements.html
+++ b/demo/form-elements.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1312,13 +1312,13 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-  <script src="./dist/libs/autosize/dist/autosize.min.js?1578435905"></script>
-  <script src="./dist/libs/imask/dist/imask.min.js?1578435905"></script>
-  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578435905"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="./dist/libs/autosize/dist/autosize.min.js?1578436289"></script>
+  <script src="./dist/libs/imask/dist/imask.min.js?1578436289"></script>
+  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578435905"></script>
+  <script src="./dist/js/tabler.min.js?1578436289"></script>
   <script>
     $(document).ready(function () {
     	$('#select-tags').selectize({
diff --git a/demo/gallery.html b/demo/gallery.html
index 45e0a3a85..8fefac402 100644
--- a/demo/gallery.html
+++ b/demo/gallery.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Gallery - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -812,9 +812,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/homepage.html b/demo/homepage.html
index 9daf725ab..accb8af82 100644
--- a/demo/homepage.html
+++ b/demo/homepage.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Homepage - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -910,11 +910,11 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-  <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578435905"></script>
+  <script src="./dist/js/tabler.min.js?1578436289"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
     	$().peity && $('#sparkline-7').text("4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10").peity("bar", {
diff --git a/demo/icons.html b/demo/icons.html
index 3c0dd5fca..b61f10937 100644
--- a/demo/icons.html
+++ b/demo/icons.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -3603,9 +3603,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
index 5f1b1283a..04ddcd88f 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1672,16 +1672,16 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578435905"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578436289"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/invoice.html b/demo/invoice.html
index 914ed6d07..1e6a818d0 100644
--- a/demo/invoice.html
+++ b/demo/invoice.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Invoice - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -574,9 +574,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/layout-test.html b/demo/layout-test.html
index e9abf1490..ca69e1488 100644
--- a/demo/layout-test.html
+++ b/demo/layout-test.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Layout test - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -528,10 +528,10 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       $(document).ready(function () {
       	var $test_el = $('#card-test'),
diff --git a/demo/layouts.html b/demo/layouts.html
index f44224294..c596e252d 100644
--- a/demo/layouts.html
+++ b/demo/layouts.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -669,9 +669,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/login.html b/demo/login.html
index bfc10cd1c..dbecc2ca2 100644
--- a/demo/login.html
+++ b/demo/login.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Login - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -82,9 +82,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/lookup.html b/demo/lookup.html
index d80111d7d..52163baa8 100644
--- a/demo/lookup.html
+++ b/demo/lookup.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Lookup company - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -688,9 +688,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maintenance.html b/demo/maintenance.html
index 645627087..1755adeac 100644
--- a/demo/maintenance.html
+++ b/demo/maintenance.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maintenance mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +57,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maps.html b/demo/maps.html
index a8447342c..53e4ee49d 100644
--- a/demo/maps.html
+++ b/demo/maps.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -505,14 +505,14 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578435905"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578436289"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function() {
          $('#map-world').vectorMap({
diff --git a/demo/markdown.html b/demo/markdown.html
index b4e6d389f..be2f4910e 100644
--- a/demo/markdown.html
+++ b/demo/markdown.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -530,9 +530,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/music.html b/demo/music.html
index 81f8292d3..ca09f7db1 100644
--- a/demo/music.html
+++ b/demo/music.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Music components - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -905,9 +905,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pagination.html b/demo/pagination.html
index 71a6ee5eb..705bba1de 100644
--- a/demo/pagination.html
+++ b/demo/pagination.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pagination - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -548,9 +548,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pricing.html b/demo/pricing.html
index 20f935ecf..e49db9224 100644
--- a/demo/pricing.html
+++ b/demo/pricing.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pricing cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -605,9 +605,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/profile.html b/demo/profile.html
index 180a776e9..3ad1f8c28 100644
--- a/demo/profile.html
+++ b/demo/profile.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Profile - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -740,9 +740,9 @@ But that's the difference in our opinions.</textarea>
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/register.html b/demo/register.html
index 868cc83ea..554c29f3d 100644
--- a/demo/register.html
+++ b/demo/register.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Register - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -82,9 +82,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/ribbons.html b/demo/ribbons.html
index d457cf28e..e26a916dd 100644
--- a/demo/ribbons.html
+++ b/demo/ribbons.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -644,9 +644,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/rtl.html b/demo/rtl.html
index e49e380ff..1517c6bf5 100644
--- a/demo/rtl.html
+++ b/demo/rtl.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>RTL mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -549,11 +549,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-22').text("45/100").peity("pie", {
diff --git a/demo/search-results.html b/demo/search-results.html
index 57ca73a3e..9d524f897 100644
--- a/demo/search-results.html
+++ b/demo/search-results.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -758,9 +758,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/sitemap.xml b/demo/sitemap.xml
index 1ff29395f..36d066d08 100644
--- a/demo/sitemap.xml
+++ b/demo/sitemap.xml
@@ -2,179 +2,179 @@
   <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>/components/card-buttons.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-comments.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-ribbon.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-tabs-bottom.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-with-image.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/empty.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-colors.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-image.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/progress.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-avatar.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-card.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-revenue.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-sales.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/alerts.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/autosize.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/avatars.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/badges.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/breadcrumb.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/buttons.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cards.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/carousel.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/charts.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/colors.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/countup.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cursors.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/divider.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/empty.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/flags.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-elements.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-helpers.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/input-mask.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/layout.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/payments.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/progress.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/ribbons.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/spinners.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/steps.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tables.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tabs.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/timelines.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/toasts.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tooltips.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/typography.html</loc>
-      <lastmod>2020-01-07T23:25:05+01:00</lastmod>
+      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
     </url>
     <url>
       <loc>/400.html</loc>
diff --git a/demo/snippets.html b/demo/snippets.html
index f8dbe13fe..b8553ef62 100644
--- a/demo/snippets.html
+++ b/demo/snippets.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Snippets - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1116,11 +1116,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-25').text("56/100").peity("pie", {
diff --git a/demo/social.html b/demo/social.html
index 3891ff613..be89d7b82 100644
--- a/demo/social.html
+++ b/demo/social.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Social elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -978,9 +978,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/store.html b/demo/store.html
index 9ce1fc383..2c724a957 100644
--- a/demo/store.html
+++ b/demo/store.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Store - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -681,9 +681,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tabs.html b/demo/tabs.html
index 514e70344..c9ba99e56 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -793,9 +793,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tmp2.html b/demo/tmp2.html
index 71137e593..add5488af 100644
--- a/demo/tmp2.html
+++ b/demo/tmp2.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -515,9 +515,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/typography.html b/demo/typography.html
index e578adeb3..66eeeedc8 100644
--- a/demo/typography.html
+++ b/demo/typography.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Typography - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -745,9 +745,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/users.html b/demo/users.html
index ea7285641..f6c4baab2 100644
--- a/demo/users.html
+++ b/demo/users.html
@@ -25,18 +25,18 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Users list - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578435905" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578435905" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -1276,9 +1276,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578435905"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578435905"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578435905"></script>
+    <script src="./dist/js/tabler.min.js?1578436289"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/css/tabler.css b/dist/css/tabler.css
index 78a0cf680..329f3f165 100644
--- a/dist/css/tabler.css
+++ b/dist/css/tabler.css
@@ -2755,10 +2755,10 @@ main {
   padding-right: 0.75rem;
   padding-bottom: 0.75rem;
   padding-left: 0.75rem; }
-  .navbar .container,
-  .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+  .navbar > .container,
+  .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: inherit;
     align-items: center;
     justify-content: space-between; }
 
@@ -2812,7 +2812,7 @@ main {
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-sm .navbar-nav {
       flex-direction: row; }
@@ -2821,9 +2821,6 @@ main {
       .navbar-expand-sm .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-sm > .container,
-    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-sm .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2832,7 +2829,7 @@ main {
 
 @media (min-width: 768px) {
   .navbar-expand-md {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-md .navbar-nav {
       flex-direction: row; }
@@ -2841,9 +2838,6 @@ main {
       .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-md > .container,
-    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-md .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2852,7 +2846,7 @@ main {
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-lg .navbar-nav {
       flex-direction: row; }
@@ -2861,9 +2855,6 @@ main {
       .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-lg > .container,
-    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-lg .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2872,7 +2863,7 @@ main {
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
-    flex-flow: row nowrap;
+    flex-wrap: nowrap;
     justify-content: flex-start; }
     .navbar-expand-xl .navbar-nav {
       flex-direction: row; }
@@ -2881,9 +2872,6 @@ main {
       .navbar-expand-xl .navbar-nav .nav-link {
         padding-right: 0.75rem;
         padding-left: 0.75rem; }
-    .navbar-expand-xl > .container,
-    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
-      flex-wrap: nowrap; }
     .navbar-expand-xl .navbar-collapse {
       display: flex !important;
       flex-basis: auto; }
@@ -2891,7 +2879,7 @@ main {
       display: none; } }
 
 .navbar-expand {
-  flex-flow: row nowrap;
+  flex-wrap: nowrap;
   justify-content: flex-start; }
   .navbar-expand .navbar-nav {
     flex-direction: row; }
@@ -2900,9 +2888,6 @@ main {
     .navbar-expand .navbar-nav .nav-link {
       padding-right: 0.75rem;
       padding-left: 0.75rem; }
-  .navbar-expand > .container,
-  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
-    flex-wrap: nowrap; }
   .navbar-expand .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
diff --git a/dist/css/tabler.css.map b/dist/css/tabler.css.map
index f09e85cb11b20da2aa42019acc67df01235dac6b..5865ff63e4935b35d51554a9d1c187221cd5c5c6 100644
GIT binary patch
delta 2271
zcmeHHYi|@)7|!XGvO8=g(6mr#aZ#Y!S=`y~ZoADW$((U!x0h+z^ahGbp_iS#Om}Ct
z-HV!<n6|KhjhV!g5M$IBK#72tIBKH87e5q@cfJvgn3(znNQ@dp;yJssOAYuB+~iE=
zeV+3^?|Yv2%-+1wI(Mb@Z1r5@c$aIG=SR6NUfA!7L7tC6@*aoA-E&OKbQUrqCo(Xd
zg>KQ6gKnsoA*~3-2xP?PHiEb@H~0R1i8P!RNJcyjX9Smy=@@}rBG2<2$73nuiFp>Z
z8;kQBLE1PuzpWt|(ga*PG~JhgrG26zWR1)7xhB7;LQb59y2RtQ#4eYDTU3fIMvcvd
zo|g8Y4!N)*_=9QaO2Me$!$3)-OA$Pw4#>%T0vc}?HV2?a0v7fZk6he@AHo=JYX(L`
zz5f^bFY9b&>x{1o^>xA^C-VK_@+`20QRB}-uUwpke8*Yffx1I+0nac4hg=yv#0(i?
zFbiFiIG8NYo%ccyAsA?!I=pGNqkE`wA=<jfFd@sX15qK`6E5K#uLy(?`8`F#+v6)s
zDFV}7tT+k7B*)(?SG0URL~9BYIecZ*p8i{EOxFa5e<JUL@+`@l>AkI%B6JZZA_ws0
zR0Kut#K#bDTfHOy77}?KZ)N&bsCEa$GM9ku!MKD=uqB;5)~U2sY?>n$2&MWSc}4xn
zK5|z49pLhsY*oW8B;<*TIeB@YT&YA9&0+9C-DRedLA)WIt9_OQ6^58IOQ@MLMZ6|;
z%I=UJ+<mvzBIb}{$^H>yPO5*mOUE)={|ax2Ov#&AScO@6r8lvjiZ@$`PDeS>YK?dk
z5K7lz*SnXGK7Nso>AOUZ*G0Exc8`JMRdg(60ZDXy0(fb~iaV2L$0XPT=vdO)Fm>Ws
z1gxS{mO@-NUr&JT6rIva8{!)JE(s3MdOVCvOp9t9@hQ+?V;;eSPy{b}G6mY~nw-bC
zRuR(ZSPG2LDTqVNj)~}80c<eWYam}wxA}<#BWC^R#RahB(5+bYhb8p(Y0!)g9R$nv
zgat>?Q-{DQTKAQ*R3BmsKyyr5afdf78P|^1p)>CQ8eJ%WdYbW;w)(y3*8-TO+pKuT
zi}b_bHG9H}Bj)BK;O9n~$qe9zQj$MoI*x-H;K+Fhpi61bfP_AM4tK<z09PC-FM+3}
zxObpf(s*93HHS}v2ynFf36+sN{t{(gdIJnmbcP{tPSP0jp|^le(M)s@1K5`U`tU5c
zXRWUo^8)?~SScShe>n@9R@1CLC~$ncG^3lfAAs4$W?y~?r?EjTKP2IA(i6<A0F3jG
zHk+S)4eqLTOnS(^wqOT4Bq4ASG@%>c1K0WhTY|k9=ESs+52BO?<a#}*NcgXT6TLyj
z%Isv(OBX?yW~>xHYyN>_yCa|tW9g}oM;qqN7k&f{6uSBoc-TB~8KhS^5`kgdaViuE
z3_ntw#>+aWT?j4%Gq_xZZ^vmjwGmx)QBCOD15_irx*b1Q7C&~en7Hs*l^va%w>8)l
zH8QR#X%3zLt-21ebv0|uk!I>lHA=8lt-0Y|Dg@9cTPYjbx0PBdf(V11=!X_+jXArG
zss`xk7V4W7%%%IOwdiw(YDf5O3BA%veS3>FKW3=40G(s7;ukxp<7nAcv(7yDAhjJV
zEV2|{)p)JKs|K&t<|1obx76!)I|n1<&V3W{@$8O_Hk#b$OlnifaV?#5D!S7;!}ypp
zJ>}GuL^7^S<eX`oF`iA1s$-Z?M`!krYWiN)iMHIZZ9*Six3%2i><FKIiyiNBKC@Td
ztD;wJ_BycB-1(Pn_ZpOIrE1X;o1I3#FIKHXQ-9lQ%`a>0Zm@9EZZ~h*>1W^j2fYu)
AMgRZ+

delta 3489
zcmeHHTWs6b8O9NvTB7Botry3R?S#45&Mc~uELoPLp*6`+j%rJ`kT{upNvBvhS`;af
z)Wr%0V;CGKPMfU|*7LB3VZ*kdNKqv1Fz#W)u(zTwTOOLC4+VPLmY1#%YZDYLik>4<
zwiF9(p88Y)l=T1K|NWQm{D<qGjD7Xx*o}_$-sLbIXP9^}%y8%FB*P@}zf^5#-7#9O
zuns=RJJ?c%b@B8n>tc%ymsWRWv8yJp_W`MPY5mVfWQ{Fym?3FwiKA5n=dg?B8HNc4
z8I-CPzv$i{(AYAHJ254)c^t-+5GTl|xl--=#bK1}*2N!yYVAK4R|mbkgpeXz2r;NL
zK1>%_hAFVPOQm*UW0ncbsBADMaFa6{i@+7mj~qt9u)ujwPO`yZgpt`<T0l&p0Wo=2
zV-b+!Y9DVL2yhBE+}vzkjXE8DaS7CPiOq!PzHi~XQNjHU2f<`coDTBLe5|np=zx@3
zZFA1pfk@jO-~}!d7P%l=m{oSMWe0es%6jo8mATqOR}NS?4>lZJjlMFlHZi+sED=iJ
zo=qSi5}}t@xXfJ4@CO+K;F+a5;F<H8yM-8mSyVF2q}dqecoDUJ0}wJkhjYmYSVg-k
z&dqOU3p|+$q7Tpb*vJ~@X^|bZ1TKsbS0sRLg}|kwQ!Jh4P+O6+t%-O>MWK#)i4|u9
zd;`m|zLR1Im2ew*D$&4wO=F=PoKe3TZL05xCJ+x@KvX^-HLIZ(veDF*IF;zBMkNEN
zi{n6pPBoA%2G$05F3y`0Y#~^jH4JGD2y2b&G}OU8OwI48g~h?eq=mCs9C_i#w2IQ?
z7n-!eX$)<$F^Mfjo3#<<wzN5f^Gq~|W@}iR0B5X0?DfP8&)&8R+5#VBRDMcb2*DTM
z0X_PA%iu)|DJZ7D057C~mrR@XWI_K+3M>IqD3}5HYXcdui<HeoE1Eu>10w_}t46?z
z3K#QW`B)(rLzRlWn2X^9<am0CVU`+luW*4A=zIju1K-Poahn#YqGc911r8LzSyE<^
ziO};rWH!M*y;cC#y`<ZZQ#$yPAMV=#Z`uo{E&5|2cuN62FI@uvw`EPQ3x0VCTqg??
z21%TNH!lOl?(iA*gwG^F_iKQJbDLl<889)g4`w&P8tFD|%?Cf-1i!OoP1~ja<_h?z
z-yW!(LJbu{-pZ*^4Q%w(ejOp<D}Mn0wU@^+qK1_5Qz1D0b1($|`bY4IUG`yjF|^`C
zZqzZQzkLm4fZgZE{&J}5H~c;NxtGBrK^9%uzZ%NB^uN6VRDuj-Pa{WxtxUn=H^9L?
z<8_<iki_m#C97v{fWc03RXfcE8GlIA^s72p>mM3-FCv<IChuMhp&RR&DK<H3|9EOh
zpScBgcaRPbjvJqu@WAKZ0#82bH*Jpx@pz4^&cNMQ0sqo%&_kxjjo3*K9J&o+WWbE|
zdh`miZFawU1|^eER@E~My!inr>(lRpI{>2ZPxWIT0&SN)J9P#%S~%$noH<cHL3mIF
z-5YP*0s0$vESwj14-)(OA6u3sEiOn&#hDU|LV~6qlj5cGaRoAiM4z(>&TV5<lUq!0
zQ=T6rCg7{TwAkRke`V=~`2nH>cHOle(yc?p)eiX7;{*vGJw{B!=n<j|E{&nD=@G(Z
znDk-d@7<3#rKaJbQDSeenxmS%W}EPl!$c39Mm@s*!$jA^Eg`5?16LaOSPNbesSD3Y
zRQ;0@lND!KiRX_~l8k@hzYY^0H}$$_nCQ}XA0;|Ko9>R~679Nci0DjK@^LBQ%q8Fx
zgG9e`+iqnwX}cW)3y3nYZMRasb%s8OI)AHa5P5{y1D_ouI<e@V?;NIYxJ9Jab!fC9
zrduZw)2(f_nFLW<Cb^&T0F$8ByWsv|;%Qj_w{(O!4u7)S(hdJNN*t(<sH44_Z+k*0
z{R7NZ5nJcFpVekAL}{7pe#!&Pb?%46O?yg|%f~52E~5p6v3IS*`j5s460pr((|BFY
zn`s`!158yPX|!$p&Uxy?>}wm0CVl^UNB@S~L7=AtJ-g8J5PCXwx5GO6Cj9+pR;JC(
zr@OY_6f}I|gU%s1a?d)VU%qSY>oU&m8nB%M&$(PwNLDB*scM3hrnX*6DothLr6i@v
zl#)y&m&Le}q*5p{E(&QWmy|RrUsUq4np7JXnxclc=uR^syzyb@0Q|)vVm~}>u|4A1
zA+7N)Xm&g6``>s^z=QX!{rzS(=aCCX&nwAzHZKd3_S4`q5?rv@_I6Dt<I5T9s47&G
u@V9rZlbvQ(_|K0z4|X)%y|C||wY#3Mw|zqRv#@Po;|q&T|H49U{^@I^JVhb^

diff --git a/dist/css/tabler.min.css b/dist/css/tabler.min.css
index 39aa17f84..80fabf122 100644
--- a/dist/css/tabler.min.css
+++ b/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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-flow:row 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>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-flow:row 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>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row 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>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row 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>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row 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>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler.min.css.map b/dist/css/tabler.min.css.map
index 14c0247dd325772c80c220f5c195662b46c3c93d..3eb82d8b65f0328203bb4261008156a019e7ed03 100644
GIT binary patch
delta 2910
zcmd^AOKcn06~*I7mPArkEy<Q0D;1rhb=(<yIQ$GrC$KedW;i5mMy4c66_Af<nW2XN
z;ZUT=qH3BLR+6F(V#0o_I6(`fXcv|OCKz<lg$vYZ0u(LK-@*$o(oH{z(^WS$-1}x^
z*N9P|%K}}zA>Tds+_~@FbMO4(ZsgV<B0H~b2BIowVoB=aM}Gp;Sdd#ryrFR!Ns_oT
zk}Ppq`Y+S_X!DuTz}cj;U14#zcW?9eqio{emPqf;x4%AGPpI4~r6fhn_71#Km<X#X
z*TE(>;}TcGk_wF8`R_b;sv=7je8zcGUeY9P*?DIZpXExj<bQyrn|Lkp-2X@j|KkS<
z{nrPPc)Y~rrMV2;fc4tBBL!J%<Lu)%5Ck_CODyhRxb$b_3eNY_mv6a30Re7M$C4s(
ztGe70;wra7uS}(7N;{XQ#kp)z?oiKFZ6g-%-MM_A_re=PZrh||jgR)LZv@b>4j)f)
z1x1&GLVTXn6)B2WxHgCa;uYnBKc2GDn9%$9P2pILdh6g_4}f<`kwkfgTYuo~?}9f)
zTY>&pzAH|83_TI&)@4x+>ivuFe#p4jS*UMTlpAdSsUO~Qr}PL^w1#QoHLNQe;e<q`
zsHx6nq>D-?3?V{*H7O>_5~#?QqK=D7n}PuV8{uByMr2<hoJet|Lc^^qwzYfXh{sQv
z0a;gsQ1AU4u_FZ$)EbZrn2&-;ZMCJ>a3uz*tV67B=*spLzQO{DZXu@>{3*(UntteP
zvS1YL5{Tdv4EJtsFHdwrySbJ_Kn{V%)!xm-6J$<6gZ<Rb$-(JRJ*m>$h0=8Zwx5t}
z8ym`6|Gkd}T%Kq%DM8WOiqPzDTfWvXtHik#C=dDLaWpg1ft`tUxk>IHNBcdZk%8Nh
zb+z6gGbhm0m)9E^l@k?REgPA%Ba1Ud*}(HuDi^KA6G+@MX$TpKGh{z53*c=lCestn
zADV)cq3$6p-~x3CfJ@MyN%lVY#uMaj813op<o1#KA#}xSb^(t9UhQUjMsb?_G>pbZ
zYt&j({Fv`JEDKl>*U@MY-c!TtYLou4$3j|~2W81ERS#v7kPO90I*LB`)>sIl<F;C6
zGvqf*=z#T73@wd3UE+Zo#T_-s!qM!qsnR)6A?~UM#Y%u}0O#+sXo7r>(a_Uv9%54p
zn3G(N9xfxT!DWcR2~bc3u*F(4GP*wK>4@_nR~%4<2>E3Kz3DNc^Kel(r1BB+LK0yQ
zOARI%x>52IYUspv4b>R=2N>KHcGnOgKTe{j$iWmEBh3^V_lOUW7E9hvp<_ag8rl%7
z$j&Dn!P}G8Zsv@XO2MncYMY&>$EIG^UsLE;1E<!bkY*c;YPYr!=PEd&wrdM2Brd9J
zQE=WJ0UPNQ%+H7#qF_N5;SdxgnFN}!M$Vxh>>aNZ7ULYNP&tZ9DbDi?<YzCU^f=2e
zKnYZ8XTcuk7p&=*&}S}>URq3n-b(Rq(b|6jO(TzCf~75+@eR{@b`@P8c8jq^I`!kh
z82M8P#oQ+A?CY#`w2ZQ2s|7I&V*=}1IGnWynU-{vI#<-hFkm@d+n`WR0>u6TrKKbs
z1{XDh+DpJKhqFnTp-|B|iorC{N=`Uk<3rY+Z=(IKqb3jDY1(IBd>C4cVrLqf!Dq?g
zO?2o<o`r}`Gc+_m4|!zhAW;pi#b>R|Ci>bQPsdnNxr*G@iUxW05;{3%HkTx>fIC{f
z3CLXUZDFFfy*_AtdI`-Um(eC)y$lUdZd)&2MhWC$Ti{OHCfp()Y$0ycPYtwV8m*;=
zeKutsejQyIavSAkn3k+oEnC)GC^aaX0vO<n0BJ$1!fa=8B~cWXA2cxq?8eAQ@BuJ!
zHBq4q7&Z2gp}s`9ijK_GgylF_lWnrZ`RSx`h?HXr<Ptb}>JFC%Av;&mldiCz{Q4?-
zRc;3%XicU;b(y9?BUOX{A&mfpG$<o#ry)Yh)u5Ax8H6-C4%t4~qiM8*<agH~ji$q;
zL9P+VA{N-1A;_8`uA%b5Q@#_cwQ4h`SMv?-`Kr%%qMB=6$iXypGt=aIUt$iC9s1ZF
zg~tsybC8ULyfedkbuHh}o6nG&*G4ADY{<)5lLO562T1vy0q?b+j}DUC9wu!4ZI~HD
z<nAytO#bO+K6!{*fGUV=?ghZN_YuIRk$3ko9_#cNGl0mm`<UN8q&evIab}Egv)&PM
zc8obrVEYMqejFm{lg#^s`<QVO_{(AMv^Be*aicAEih(r%YY^5Ri=7%e{G<Piqr*{|
zZ?R<MJ@>@c?R!J8hGC7sa$C3WdAwqh=Y5N7dEfb$%lVDt?MAMC-dAtb>iI^q<I_#w
zZlUuRea)KB)GPI}{&L6H1V(<No~vF2z!8i|J`H-+$Au9Y`+~&CeF+M4J>)&@Atxu9
UQR}nQ-et6<%3e#AM_>8yUqD50O8@`>

delta 4338
zcmeHJYitzP71rJLGG=ET%e;&+;Ke|R*)g*(&+ZbHFf%**uvt56u#p>*u$X0b_A#?h
zuk9p&LIMd=Y3M?(qDB;c^j$(KqYg+^1yZP5wM|tiky42kB&0snBr1PeT2<}2vx~7)
z|3IxO^+#5^y7zqN_1$~VJ+n7I@ZI>t_s)@n>#7n{5_o<>m^&2+D2tPYkS|m_dv;^(
zCkHpRcy~mZ5uWFnF^Ax){o~;KEpqfB5~%(5(B>93A~EB{Cdvu^+KR*SN{=KlQ$k57
zgm@++@KVDgT6_KQ;2};(iJBS;GC7gwy<tX%NfqZ#Qv{U7R4z2#@Eqdv!Vcn)69<?$
z$(7{8JhPju2KchLgUN`z^MNi_7TCz(f(&@R_T|Gn3=UQ85jf=4|0xG={t-A#YX2Pv
z=K?n|=N#nXBXH=;|EC;yRvd-f8j9EJC`ztuh!=TA7Wmrrmx50_p&qKGkYrRqF3fOH
znJIDZBoj~;*+R$@sYe;&r-f1CP!&i1y&gP}(IM~-ac0wzKOl>1=O7cS-9FPj<9p?t
z$>VfGRVo4><e70rEW07|7$GGQQn7kPg+t6pTC5Vw@$iJBM!&k&YDkI@4g_XAuewoB
zRSriPIjD#(cW9VVg1lcCW2!(NLZwBAGt_TreeT+c*IYe0Vy%F+>H+IakmtlPrt-jg
zidYkE*)#L|*SKZ0mX3s&ipYts^i0p0i)L$yg?b<1#5_CmyK^_K{jwh_ToVXqO;Cap
zT!bf&IV{zWBbE+UISAneU6JTGk%vcVJY_{l2P;JB24$YB{pGv9Hb-BipD6`NxJuAK
zpFF>go+6%ZQ3+1>)iUP;Jq|7s1z8pX0eJJq>x-p?j031tAl76bn8ThVsn+)G<@h%n
zQETnb=MS(M*1!#x{a}z5T~ch;y}&|hxOBJ=4uZJ2+R?XnFRk`9*r!QQuMzZGWEFnz
z31pdRy|C3{au;d?7dx8Re3YbHg`a#5S@7BeXxYqHF8%`1TqVjw6;y-Mm6`JQ?Gw%Z
zV2Bxm+rn=#sO#A(NF_lLi@_+9Aa`ceq|wHP(vr6rhqDtENiD&`E%J$2<6QZDgN!$r
zmP)0##Bf1HN*Cj?dI1fjMNJqcMYT`w=tbP37R?>!nS$sP((brayYuE!ta(s7?Qj9?
z2H54oCq3u}U2p>62O#Uj2`^&k909bTQwU5Gi*EehQPhU_mXSsOr5AOY`ZzD7*My2x
zBnyLfj30)I6DK6OFCK-g4V|&M7(Xz`Bx;Gb*5J?k&<$ITh4_k4mC|gy_SLg1Y8R%O
zb;ged7jIJJVTthzQ<95?jTv_=@lQd?3e%ECbQ#c1u=pI0Iv=md!%@R{f`yz$syLs5
zL*T&LNt7H|ms$NTkIq==s&5#oT5wC#e*DESI!<eWVK^YcD+T<xJAwq-Pk<5tlL4#|
zpz3G<SqHvCfDGFJ`W(b!9ljMotvC=xOK9%{Rhh-3QPe}{2vCJ+DHb1(qE5QP8k-}4
z{!SGAylHDG0F<f%Cr##ehM1h-lPdY05|HF1)(^&whA<iHhfj=8aucO2azI$u2hrun
zmSj@9LX0D5ly5K-3dp<gOV6O#62H6)j#whN18|SLOTY6B`q)Iv*<JlmTba;gM*sC*
zv>MS`8IY=23Qd%Cv=5zWwt5}l9OXhT2mV$X1*`?OE~~8mr!*RAJ>=j<pkW9~*u#w&
z-3+>m(Zz<+VK31ol<)*mC3w&nU(6UEg*^!Autx9<_@=p$D70py_(2DKA*|HHDd9jL
z=#1MRDhBuWGvlRTKp-VY%m?(V)95}j7vxcV<ptD1`{YqTi(w6b+W@Qyu;6Z-UA!2c
zl1KZ21N0WD5H8E3`id9P=N8e`;;01Q^lCU&#Ni`oYipqbQDk8%tX4oXR6FTfTDwrO
z=-)howj+}^iU0UA@|n_;`ubN;1hx39U`}3*r#d?Ox?0)`@PC55I+rj-49F|WS4X3m
zKZ@4qKRb%PPFc0wZfK^Ca5ksEa02yP+6!&~;FAFqq18awcL=#i%8hT;P-k0)D5nf%
zwGJ;nh1PZD+`B`JCK5Z)J4uJCA6Q9HBLz2(g3)HR?yE*12z=Y%A52g+CK3LFflp|X
zOu2~1g-@MAFSS>^5K9vY5k(|KNP?^v_nrnK8d3TUA{_VtY!E4Ufyk6$2YT4WTp|@O
ze)BXCDb{_}2n5MQpxXFg)|j9WiBBj?rd-75Id=Cn((j%&QCa*EGPmPBm#9^^+XSnV
zm#Fp?TgElDoKVzcu{SF-_AP2+Vqc>8#$VA2yx2`G!`ovv3qIRpTZFfN*wlotzHPDK
zul=}rIexuhw&-gvQx}@>cZO_M{Z~JrhEU5k`@?_?MlI&$rcw@%U7}Xw`;?i+c9VH!
zef6bFRAV(fi(Laoc<FUW+kF*QYkx?+Zv@BpTFl$=Css49f4tb-v|yUtej|;wH#wP4
zsQY_C?lPG>=E^57QS;>Zr}S3|r3dM|@l)5RpFT{l@4Zg7E|7U8{=y}yb2d#@o}U)v
zd1*nOmlouCY1=X6q4D3W=BMkcTklfI`U%4!EPTR~+4)-sdEVARp2q>?c^p9g6o+lC
z=I`OHJ(Sg?YS?+t#OPBuDKo-6oDkJGVI$|PKoZUhB-^Y&Qq2lRo)3T243%)5qVNZo
zsmJi)n^fzuEp28PO)xAl7U^5ssHNZdtYSZ_SmQDOA66_>sJY@ecK;p)qZ!6x7*_rM
zJ-Um-$sQZOP{YK~FxTOadTca3w@>CDr`PBkHruw*c<TnURZsQVo<+~GtUaU^?P{`A
zR#e$O+o(&7J(ZY9+RK`~nB1Qn&nAjV`vI^_WEEM>CDpP$Un%CbQnIv1wKsknXWe@n
z0r8z4x|6iKRd_jPYje$O-47k-!o3Hw6=lEu`MMV0-fZjWXhiE>|NMr1#bhFr*A%t<
z;uCvR+{W3K)7z7Y@sxc-NtsUKtP>J;_0X%SI;m}MIOwh>L-p=v+j=7&^?+Rxboift
Rx6#M0a5nu4*K+*gzW`w-NfrPA


From d1711c819447c8b7e3b15dbe3ab8326bc3e5a448 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Wed, 8 Jan 2020 21:44:17 +0100
Subject: [PATCH 14/33] buttons, float buttons

---
 package.json                             | 3 +++
 pages/_includes/parts/buttons-table.html | 4 ++--
 pages/buttons.html                       | 9 +++++++++
 pages/tmp2.html                          | 3 +++
 scss/ui/_buttons.scss                    | 8 ++++++++
 5 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 85a011396..6577b974e 100644
--- a/package.json
+++ b/package.json
@@ -121,6 +121,9 @@
     "peity": "3.3.0",
     "selectize": "0.12.6"
   },
+  "resolutions": {
+    "**/**/node-gyp": "5.0.0"
+  },
   "bundlesize": [
     {
       "path": "./dist/css/tabler.css",
diff --git a/pages/_includes/parts/buttons-table.html b/pages/_includes/parts/buttons-table.html
index 068a1c636..aab21cb82 100644
--- a/pages/_includes/parts/buttons-table.html
+++ b/pages/_includes/parts/buttons-table.html
@@ -11,7 +11,7 @@
          {% for type in variants %}
             {% if show-link or type[0] != 'link' %}
                <div class="col-6 col-sm-4 col-md-2 col-xl{% if include.auto-columns %}-auto{% endif %} mb-3">
-                  {% if include.icon == true %}
+                  {% if include.icon or include.icon-only %}
                      {% assign icon = type[1].icon %}
                   {% endif %}
 
@@ -25,7 +25,7 @@
 
                   {% assign text = type[1].title %}
                   {% assign color = type[0] %}
-                  {% include ui/button.html block=true color=false class=class icon=icon icon-only=icon-only text=text %}
+                  {% include ui/button.html block=true color=false class=class icon=icon icon-only=include.icon-only text=text %}
                </div>
                {% endif %}
          {% endfor %}
diff --git a/pages/buttons.html b/pages/buttons.html
index 02009b470..00bcbc083 100644
--- a/pages/buttons.html
+++ b/pages/buttons.html
@@ -69,6 +69,15 @@ menu: base.buttons
          </div>
       </div>
 
+      <div class="card">
+         <div class="card-header">
+            <h3 class="card-title">Icon buttons</h3>
+         </div>
+         <div class="card-body">
+            {% include parts/buttons-table.html variants=site.socials hide-labels=true icon-only=true auto-columns=true %}
+         </div>
+      </div>
+
       <div class="card">
          <div class="card-header">
             <h3 class="card-title">Social colors</h3>
diff --git a/pages/tmp2.html b/pages/tmp2.html
index b5d2ad5fb..da5d95ac1 100644
--- a/pages/tmp2.html
+++ b/pages/tmp2.html
@@ -2,6 +2,9 @@
 page-title: Search results
 ---
 
+{% include ui/button.html color="primary" icon="plus" icon-only=true class="btn-floating" size="lg" %}
+
+
 <div class="row">
 	<div class="col-4">
 
diff --git a/scss/ui/_buttons.scss b/scss/ui/_buttons.scss
index 9c23cfbdf..6f514b7a6 100644
--- a/scss/ui/_buttons.scss
+++ b/scss/ui/_buttons.scss
@@ -116,3 +116,11 @@
     height: 1rem;
   }
 }
+
+.btn-floating {
+  position: fixed;
+  z-index: $zindex-fixed;
+  bottom: 1.5rem;
+  right: 1.5rem;
+  border-radius: 50%;
+}

From 2d0ccfd55116cd6343edb3a5cc78be54690d94e2 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 10 Jan 2020 20:55:55 +0100
Subject: [PATCH 15/33] form elements, flags, payments refactoring

---
 pages/_data/menu.yml                          |   3 +
 pages/_docs/flags.md                          |   6 +-
 pages/_docs/payments.md                       |   3 +-
 pages/_includes/cards/configuration.html      |  33 ++++
 pages/_includes/forms/form-elements-4.html    |   5 +
 pages/_includes/forms/form-elements-6.html    |   1 -
 pages/_includes/parts/form-payments.html      |  24 +++
 .../_includes/parts/form-project-manager.html |  24 +++
 pages/_includes/parts/input-color.html        |   6 +-
 pages/_includes/parts/input-image.html        |   8 +-
 pages/_includes/parts/input-selectgroups.html |  14 +-
 pages/_includes/ui/flag.html                  |   2 +-
 .../_includes/ui/form/input-selectgroup.html  |   8 +-
 pages/_includes/ui/form/selectize.html        |   4 +-
 pages/_includes/ui/payment.html               |   2 +-
 pages/tmp.html                                |  97 ++++++-----
 pages/tmp2.html                               |  77 +++++----
 pages/tmp4.html                               |  60 +++----
 scss/_variables.scss                          |   2 +-
 scss/ui/_flags.scss                           |   4 +-
 scss/ui/_forms.scss                           |   2 -
 scss/ui/_payments.scss                        |  29 ++--
 scss/ui/forms/_form-colorinput.scss           |  10 +-
 scss/ui/forms/_form-imagecheck.scss           |  28 ++--
 scss/ui/forms/_form-selectgroup.scss          | 150 +++++++++++-------
 25 files changed, 368 insertions(+), 234 deletions(-)
 create mode 100644 pages/_includes/cards/configuration.html
 create mode 100644 pages/_includes/parts/form-payments.html
 create mode 100644 pages/_includes/parts/form-project-manager.html

diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 8366097d4..a8e13a7d2 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -174,6 +174,9 @@ docs:
     progress: 
       title: Progress
       url: docs/progress.html
+    payments:
+      title: Payments
+      url: docs/payments.html
     ribbons: 
       title: Ribbons
       badge: New
diff --git a/pages/_docs/flags.md b/pages/_docs/flags.md
index 43394535c..3a6e6486f 100644
--- a/pages/_docs/flags.md
+++ b/pages/_docs/flags.md
@@ -18,9 +18,9 @@ done: true
 Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up to different sizes based on what’s needed.
 
 {% example html %}
-{% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %}
-{% include ui/flag.html flag="pl" class="flag-size-lg mr-1" %}
-{% include ui/flag.html flag="pl" class="flag-size-md" %}
+{% include ui/flag.html flag="pl" size="xl" class="mr-1" %}
+{% include ui/flag.html flag="pl" size="lg" class="mr-1" %}
+{% include ui/flag.html flag="pl" size="md" %}
 {% include ui/flag.html flag="pl" class="mr-1" %}
 {% endexample %}
 
diff --git a/pages/_docs/payments.md b/pages/_docs/payments.md
index b9ce0f697..9455f2c8d 100644
--- a/pages/_docs/payments.md
+++ b/pages/_docs/payments.md
@@ -2,6 +2,7 @@
 title: Payments
 menu: docs.payments
 plugin: payments
+done: true
 ---
 
 ### Payment
@@ -33,4 +34,4 @@ Using Bootstrap’s typical naming structure, you can create a standard payment,
     <td>{{ payment.name }}</td>
     </tr>
 {% endfor %}
-</table>
\ No newline at end of file
+</table>
diff --git a/pages/_includes/cards/configuration.html b/pages/_includes/cards/configuration.html
new file mode 100644
index 000000000..82a2a7462
--- /dev/null
+++ b/pages/_includes/cards/configuration.html
@@ -0,0 +1,33 @@
+<div class="card">
+	<div class="card-header">
+		<h3 class="card-title">
+			Configuration
+		</h3>
+		<div class="card-actions">
+			<a href="#">
+				Edit configuration{% include ui/icon.html icon="edit" class="ml-1" %}
+			</a>
+		</div>
+	</div>
+	<div class="card-body">
+		<dl class="row">
+			<dt class="col-5">Date:</dt>
+			<dd class="col-7">2020-01-05 16:42:29 UTC</dd>
+
+			<dt class="col-5">Account:</dt>
+			<dd class="col-7">tabler</dd>
+
+			<dt class="col-5">Location:</dt>
+			<dd class="col-7">{% include ui/flag.html flag="pl" %} Poland</dd>
+
+			<dt class="col-5">IP Address:</dt>
+			<dd class="col-7">46.113.11.3</dd>
+
+			<dt class="col-5">Operating system:</dt>
+			<dd class="col-7">OS X 10.15.2 64-bit</dd>
+
+			<dt class="col-5">Browser:</dt>
+			<dd class="col-7">Chrome</dd>
+		</dl>
+	</div>
+</div>
diff --git a/pages/_includes/forms/form-elements-4.html b/pages/_includes/forms/form-elements-4.html
index 874972a6b..21ed6c7d7 100644
--- a/pages/_includes/forms/form-elements-4.html
+++ b/pages/_includes/forms/form-elements-4.html
@@ -1,2 +1,7 @@
 {% include parts/form-fieldset.html %}
 
+{% include parts/input-selectgroups.html %}
+{% include parts/form-payments.html %}
+{% include parts/form-project-manager.html %}
+
+
diff --git a/pages/_includes/forms/form-elements-6.html b/pages/_includes/forms/form-elements-6.html
index c68aef6d7..2d2cd90c3 100644
--- a/pages/_includes/forms/form-elements-6.html
+++ b/pages/_includes/forms/form-elements-6.html
@@ -1,4 +1,3 @@
-{% include parts/input-selectgroups.html %}
 {% include parts/input-datalist.html %}
 {% include parts/input-sizes.html %}
 {% include parts/input-range.html %}
diff --git a/pages/_includes/parts/form-payments.html b/pages/_includes/parts/form-payments.html
new file mode 100644
index 000000000..e0afc59c6
--- /dev/null
+++ b/pages/_includes/parts/form-payments.html
@@ -0,0 +1,24 @@
+<div class="mb-3">
+	<label class="form-label">Payment method</label>
+
+	{% assign items = "visa,mastercard,paypal" | split: ',' %}
+	<div class="form-selectgroup form-selectgroup-boxes d-flex flex-column">
+		{% for item in items %}
+		<label class="form-selectgroup-item flex-fill">
+			<input type="radio" name="form-payment" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index == 2 %} checked{% endif %}>
+			<div class="form-selectgroup-box d-flex align-items-center p-3">
+				<div class="mr-3">
+					<span class="form-selectgroup-check"></span>
+				</div>
+				<div>
+					<span class="payment payment-provider-{{ item }} payment-sm mr-2"></span>
+
+					{% if forloop.index >= 2 %}
+					ending in <strong>{{ forloop.index | random_number: 1000, 9999 }}</strong>
+					{% endif %}
+				</div>
+			</div>
+		</label>
+		{% endfor %}
+	</div>
+</div>
diff --git a/pages/_includes/parts/form-project-manager.html b/pages/_includes/parts/form-project-manager.html
new file mode 100644
index 000000000..4060c2c44
--- /dev/null
+++ b/pages/_includes/parts/form-project-manager.html
@@ -0,0 +1,24 @@
+<div class="mb-3">
+	<label class="form-label">Project Manager</label>
+
+	<div class="form-selectgroup form-selectgroup-boxes d-flex flex-column">
+		{% for person in site.data.people limit: 5 %}
+		<label class="form-selectgroup-item flex-fill">
+			<input type="checkbox" name="form-project-manager[]" value="{{ person.id }}" class="form-selectgroup-input" {%
+			       if forloop.index== 2 %} checked{% endif %}>
+			<div class="form-selectgroup-box d-flex align-items-center p-3">
+				<div class="mr-3">
+					<span class="form-selectgroup-check"></span>
+				</div>
+				<div class="form-selectgroup-box-content d-flex align-items-center">
+					{% include ui/avatar.html person=person class="mr-3" %}
+					<div class="lh-sm">
+						<div class="strong">{{ person.full_name }}</div>
+						<div class="text-muted">{{ person.job_title }}</div>
+					</div>
+				</div>
+			</div>
+		</label>
+		{% endfor %}
+	</div>
+</div>
diff --git a/pages/_includes/parts/input-color.html b/pages/_includes/parts/input-color.html
index e1fe4c6a3..1295faa4f 100644
--- a/pages/_includes/parts/input-color.html
+++ b/pages/_includes/parts/input-color.html
@@ -3,9 +3,9 @@
 	<div class="row row-xs">
 		{% for color in site.colors limit: 10 %}
 		<div class="col-auto">
-			<label class="colorinput">
-				<input name="color" type="checkbox" value="{{ color[0] }}" class="colorinput-input" {% if forloop.index== 2 %} checked{% endif %}/>
-				<span class="colorinput-color bg-{{ color[0] }}"></span>
+			<label class="form-colorinput">
+				<input name="color" type="checkbox" value="{{ color[0] }}" class="form-colorinput-input" {% if forloop.index== 2 %} checked{% endif %}/>
+				<span class="form-colorinput-color bg-{{ color[0] }}"></span>
 			</label>
 		</div>
 		{% endfor %}
diff --git a/pages/_includes/parts/input-image.html b/pages/_includes/parts/input-image.html
index 7fbc486c5..f04cd8542 100644
--- a/pages/_includes/parts/input-image.html
+++ b/pages/_includes/parts/input-image.html
@@ -4,10 +4,10 @@
 	<div class="row row-xs">
 		{% for photo in site.data.photos limit: limit offset: 30 %}
 		<div class="{{ include.row-class | default: 'col-6 col-sm-4' }}">
-			<label class="imagecheck mb-2">
-				<input name="imagecheck" type="checkbox" value="{{ forloop.index }}" class="imagecheck-input" {% if forloop.index == 2 or forloop.index == 4  or forloop.index == 7 %} checked{% endif %}/>
-				<span class="imagecheck-figure">
-					<img src="{{ site.base }}/static/photos/{{ photo.file }}" alt="" class="imagecheck-image">
+			<label class="form-imagecheck mb-2">
+				<input name="form-imagecheck" type="checkbox" value="{{ forloop.index }}" class="form-imagecheck-input" {% if forloop.index == 2 or forloop.index == 4  or forloop.index == 7 %} checked{% endif %}/>
+				<span class="form-imagecheck-figure">
+					<img src="{{ site.base }}/static/photos/{{ photo.file }}" alt="" class="form-imagecheck-image">
 				</span>
 			</label>
 		</div>
diff --git a/pages/_includes/parts/input-selectgroups.html b/pages/_includes/parts/input-selectgroups.html
index 111873865..7c19b75dd 100644
--- a/pages/_includes/parts/input-selectgroups.html
+++ b/pages/_includes/parts/input-selectgroups.html
@@ -1,18 +1,20 @@
 <div class="mb-3">
-   <label class="form-label">Shipping methods</label>
-   {% include ui/form/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="selectgroup-vertical" type="radio" name="shipping-method" %}
+   <label class="form-label">Your skills</label>
+   {% include ui/form/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="form-selectgroup-pills" %}
 </div>
+
 <div class="mb-3">
    <label class="form-label">Icons input</label>
    {% include ui/form/input-selectgroup.html values="i:smartphone,i:tablet,i:monitor,i:x" class="w-100" type="radio" name="device" %}
 </div>
 
 <div class="mb-3">
-   <label class="form-label">Icon input</label>
-   {% include ui/form/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" class="selectgroup-pills" %}
+   <label class="form-label">Shipping methods</label>
+   {% include ui/form/input-selectgroup.html values="Unregistered,Priority Mail,Express Mail" class="form-selectgroup-vertical" type="radio" name="shipping-method" %}
 </div>
 
 <div class="mb-3">
-   <label class="form-label">Your skills</label>
-   {% include ui/form/input-selectgroup.html values="HTML,CSS,PHP,JavaScript" class="selectgroup-pills selectgroup-separated" %}
+   <label class="form-label">Icon input</label>
+   {% include ui/form/input-selectgroup.html values="i:sun,i:moon,i:cloud-rain,i:cloud,Other" %}
 </div>
+
diff --git a/pages/_includes/ui/flag.html b/pages/_includes/ui/flag.html
index 3aae12bfc..96d6f5989 100644
--- a/pages/_includes/ui/flag.html
+++ b/pages/_includes/ui/flag.html
@@ -1 +1 @@
-<span class="flag flag-{{ include.flag | default: 'uk' | downcase }}{% if include.class %} {{ include.class }}{% endif %}"></span>
+<span class="flag{% if include['size'] %} flag-{{ include.size }}{% endif %} flag-country-{{ include.flag | default: 'pl' | downcase }}{% if include.class %} {{ include.class }}{% endif %}"></span>
diff --git a/pages/_includes/ui/form/input-selectgroup.html b/pages/_includes/ui/form/input-selectgroup.html
index 9c07c9020..2c6ddf75f 100644
--- a/pages/_includes/ui/form/input-selectgroup.html
+++ b/pages/_includes/ui/form/input-selectgroup.html
@@ -2,12 +2,12 @@
 {% assign default = include.default | default: values[0] %}
 {% assign type = include.type | default: "checkbox" %}
 {% assign name = include.name | default: "name" %}
-<div class="selectgroup{% if include.class %} {{ include.class }}{% endif %}">
+<div class="form-selectgroup{% if include.class %} {{ include.class }}{% endif %}">
    {% for value in values %}
-   <label class="selectgroup-item">
+   <label class="form-selectgroup-item">
       {% assign s = value | split: "i:" %}
-      <input type="{{ type }}" name="{{ name }}" value="{% if s.size == 2 %}{{ s[1] }}{% else %}{{ value }}{% endif %}" class="selectgroup-input"{% if value == default %}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
-      <span class="selectgroup-button">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
+      <input type="{{ type }}" name="{{ name }}" value="{% if s.size == 2 %}{{ s[1] }}{% else %}{{ value }}{% endif %}" class="form-selectgroup-input"{% if value == default %}{% if type == "radio" %} checked{% else %} checked{% endif %}{% endif %}>
+      <span class="form-selectgroup-box">{% if s.size == 2 %}{% assign icon = s[1] %}{% include ui/icon.html icon=icon use-svg=true %}{% else %}{{ value }}{% endif %}</span>
    </label>
    {% endfor %}
 </div>
diff --git a/pages/_includes/ui/form/selectize.html b/pages/_includes/ui/form/selectize.html
index 84f86b4e3..44e82b19b 100644
--- a/pages/_includes/ui/form/selectize.html
+++ b/pages/_includes/ui/form/selectize.html
@@ -31,10 +31,10 @@
 		{% if key == "countries" %}
 			render: {
 				option: function (data, escape) {
-					return '<div class="option"><span class="flag flag-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+					return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
 				},
 				item: function (data, escape) {
-					return '<div class="d-flex align-items-center"><span class="flag flag-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+					return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
 				}
 			}
 		{% elsif key == "people" %}
diff --git a/pages/_includes/ui/payment.html b/pages/_includes/ui/payment.html
index 26656f13f..7c2cffb1a 100644
--- a/pages/_includes/ui/payment.html
+++ b/pages/_includes/ui/payment.html
@@ -1 +1 @@
-<span class="payment payment-{{ include.payment | default: 'visa'}}{% if include.class %} {{ include.class }}{% endif %}{% if include.['size'] %} payment-size-{{include.size}}{% endif %}"></span>
\ No newline at end of file
+<span class="payment{% if include['size'] %} payment-{{ include.size }}{% endif %} payment-provider-{{ include.payment | default: 'visa'}}{% if include.class %} {{ include.class }}{% endif %}"></span>
diff --git a/pages/tmp.html b/pages/tmp.html
index cbbf89d3c..bd2867311 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -4,59 +4,58 @@ menu: a.b.c
 ---
 
 <div class="row">
-  <div class="col-md-6 col-xl-4">
-    {% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
-  </div>
-  <div class="col-md-6 col-xl-4">
-    {% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
-  </div>
+	<div class="col-md-6 col-xl-4">
+		{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
+	</div>
+	<div class="col-md-6 col-xl-4">
+		{% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
+	</div>
 
-  {% for chart in site.data.charts %}
-  {% if chart[1].demo %}
-  <div class="col-md-6 col-xl-4">
-    <div class="card">
-      <div class="card-body">
-        {% assign chart-id = chart[0] %}
-        <p>{{ chart-id }}</p>
-        {% include ui/chart.html chart-id=chart-id height=15 %}
-      </div>
-    </div>
-  </div>
-  {% endif %}
-  {% endfor %}
+	{% for chart in site.data.charts %}
+	{% if chart[1].demo %}
+	<div class="col-md-6 col-xl-4">
+		<div class="card">
+			<div class="card-body">
+				{% assign chart-id = chart[0] %}
+				<p>{{ chart-id }}</p>
+				{% include ui/chart.html chart-id=chart-id height=15 %}
+			</div>
+		</div>
+	</div>
+	{% endif %}
+	{% endfor %}
 
-
-   <div class="col-12">
-      <div class="card">
-         <div class="card-body">
-            {% include ui/chart.html chart-id="tasks-overview" height=20 %}
-         </div>
-      </div>
-   </div>
-   <div class="col-4">
-      {% include cards/charts/total-sales.html %}
-   </div>
-   <div class="col-8"></div>
+	<div class="col-12">
+		<div class="card">
+			<div class="card-body">
+				{% include ui/chart.html chart-id="tasks-overview" height=20 %}
+			</div>
+		</div>
+	</div>
+	<div class="col-4">
+		{% include cards/charts/total-sales.html %}
+	</div>
+	<div class="col-8"></div>
 </div>
 <div class="row">
-   <div class="col-md-6">
-      {% include cards/user-info.html %}
-      {% include cards/users-list-2.html %}
+	<div class="col-md-6">
+		{% include cards/user-info.html %}
+		{% include cards/users-list-2.html %}
 
-      <div class="card">
-         <div class="card-body">
-            <div>{% include ui/stars.html %}</div>
-            <div>{% include ui/stars.html count=3 %}</div>
-            <div>{% include ui/stars.html color="red" %}</div>
-            <div>{% include ui/stars.html filled=true %}</div>
-            <div>{% include ui/stars.html icon="heart" color="red" rate=2 %}</div>
-            <div>{% include ui/stars.html icon="circle" color="blue" %}</div>
-         </div>
-      </div>
-   </div>
-   <div class="col-md-6">
-      {% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
-      {% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
-   </div>
+		<div class="card">
+			<div class="card-body">
+				<div>{% include ui/stars.html %}</div>
+				<div>{% include ui/stars.html count=3 %}</div>
+				<div>{% include ui/stars.html color="red" %}</div>
+				<div>{% include ui/stars.html filled=true %}</div>
+				<div>{% include ui/stars.html icon="heart" color="red" rate=2 %}</div>
+				<div>{% include ui/stars.html icon="circle" color="blue" %}</div>
+			</div>
+		</div>
+	</div>
+	<div class="col-md-6">
+		{% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
+		{% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
+	</div>
 </div>
 
diff --git a/pages/tmp2.html b/pages/tmp2.html
index da5d95ac1..93ea669ad 100644
--- a/pages/tmp2.html
+++ b/pages/tmp2.html
@@ -2,45 +2,64 @@
 page-title: Search results
 ---
 
-{% include ui/button.html color="primary" icon="plus" icon-only=true class="btn-floating" size="lg" %}
-
 
 <div class="row">
-	<div class="col-4">
-
+	<div class="col-8">
 		<div class="card">
-			<div class="card-header">
-				<h3 class="card-title">
-					Configuration
-				</h3>
-				<div class="card-actions">
-					<a href="#">
-						Edit configuration{% include ui/icon.html icon="edit" class="ml-1" %}
-					</a>
-				</div>
-			</div>
 			<div class="card-body">
-				<dl class="row">
-					<dt class="col-5">Date:</dt>
-					<dd class="col-7">2020-01-05 16:42:29 UTC</dd>
+				<div>
+					{% assign items = "HTML,CSS,JavaScript,Ruby,GraphSQL" | split: ',' %}
+					<div class="form-selectgroup">
+						{% for item in items %}
+						<label class="form-selectgroup-item">
+							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
+							<span class="form-selectgroup-box">
+								{{ item }}
+							</span>
+						</label>
+						{% endfor %}
+					</div>
+				</div>
 
-					<dt class="col-5">Account:</dt>
-					<dd class="col-7">tabler</dd>
+				<div class="mt-4">
+					{% assign items = "home,check-square,pie-chart,users,circle,square" | split: ',' %}
+					<div class="form-selectgroup">
+						{% for item in items %}
+						<label class="form-selectgroup-item">
+							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
+							<div class="form-selectgroup-box">
+								{% include ui/icon.html icon=item class="mr-1" %}
+								<span>{{ item }}</span>
+							</div>
+						</label>
+						{% endfor %}
+					</div>
+				</div>
 
-					<dt class="col-5">Location:</dt>
-					<dd class="col-7">{% include ui/flag.html flag="pl" %} Poland</dd>
+				<div class="mt-4">
+					{% assign items = "home,check-square,pie-chart,users,circle,square" | split: ',' %}
+					<div class="form-selectgroup">
+						{% for item in items %}
+						<label class="form-selectgroup-item">
+							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
+							<div class="form-selectgroup-box">
+								{% include ui/icon.html icon=item %}
+							</div>
+						</label>
+						{% endfor %}
+					</div>
+				</div>
 
-					<dt class="col-5">IP Address:</dt>
-					<dd class="col-7">46.113.11.3</dd>
+				<div class="mt-4">
+					<input type="checkbox" class="form-check-input" checked>
+					<input type="radio" class="form-check-input" checked> lorem haha
+				</div>
 
-					<dt class="col-5">Operating system:</dt>
-					<dd class="col-7">OS X 10.15.2 64-bit</dd>
 
-					<dt class="col-5">Browser:</dt>
-					<dd class="col-7">Chrome</dd>
-				</dl>
 			</div>
 		</div>
-
+	</div>
+	<div class="col">
+		{% include cards/configuration.html %}
 	</div>
 </div>
diff --git a/pages/tmp4.html b/pages/tmp4.html
index 0f672a459..b0221f3f4 100644
--- a/pages/tmp4.html
+++ b/pages/tmp4.html
@@ -4,35 +4,35 @@ libs: countup
 ---
 
 <div class="card">
-    <div class="card-header">
-        <h2 class="card-title">CountUp</h2>
-    </div>
+	<div class="card-header">
+		<h2 class="card-title">CountUp</h2>
+	</div>
 	<div class="card-body">
-        <div class="row">
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup>30000</h1>
-                <small>(Default)</small>
-            </div>
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup='{"duration":10}'>30000</h1>
-                <small>(Duration 10s)</small>
-            </div>
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup='{"useGrouping":false}'>30000</h1>
-                <small>(No comma)</small>
-            </div>
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup='{"separator":" "}'>30000000</h1>
-                <small>(Space)</small>
-            </div>
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup='{"suffix":"%"}'>30</h1>
-                <small>(Suffix)</small>
-            </div>
-            <div class="col-6 col-md-4 col-xl-2 my-3 text-center">
-                <h1 class="mb-0" data-countup='{"prefix":"$"}'>30000</h1>
-                <small>(Prefix)</small>
-            </div>
-        </div>
-    </div>
+		<div class="row">
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup>30000</h1>
+				<small>(Default)</small>
+			</div>
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup='{"duration":10}'>30000</h1>
+				<small>(Duration 10s)</small>
+			</div>
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup='{"useGrouping":false}'>30000</h1>
+				<small>(No comma)</small>
+			</div>
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup='{"separator":" "}'>30000000</h1>
+				<small>(Space)</small>
+			</div>
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup='{"suffix":"%"}'>30</h1>
+				<small>(Suffix)</small>
+			</div>
+			<div class="col-6 col-md-4 col-xl-2 my-3 text-center">
+				<h1 class="mb-0" data-countup='{"prefix":"$"}'>30000</h1>
+				<small>(Prefix)</small>
+			</div>
+		</div>
+	</div>
 </div>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index b04c90a0c..827542c67 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -355,7 +355,7 @@ $flag-sizes: (
 
 //Payments
 $payment-sizes: (
-  "md": 2rem,
+  "sm": 1.5rem,
   "lg": 3rem,
   "xl": 4rem
 ) !default;
diff --git a/scss/ui/_flags.scss b/scss/ui/_flags.scss
index f382dd904..f93521a95 100644
--- a/scss/ui/_flags.scss
+++ b/scss/ui/_flags.scss
@@ -30,13 +30,13 @@
   }
 
   @each $country in $countries {
-    .flag-#{$country} {
+    .flag-country-#{$country} {
       background-image: url("#{$assets-base}/img/flags/#{$country}.svg");
     }
   }
 
   @each $flag-size, $size in $flag-sizes {
-    .flag-size-#{$flag-size} {
+    .flag-#{$flag-size} {
       width: $size * 1.33333;
       height: $size;
     }
diff --git a/scss/ui/_forms.scss b/scss/ui/_forms.scss
index fe99f648e..3a3be7f81 100644
--- a/scss/ui/_forms.scss
+++ b/scss/ui/_forms.scss
@@ -12,8 +12,6 @@ textarea {
 }
 
 .form-control {
-  vertical-align: middle;
-
   &:-webkit-autofill {
     box-shadow: 0 0 0 1000px #fff inset;
   }
diff --git a/scss/ui/_payments.scss b/scss/ui/_payments.scss
index a622b7f99..799c8351b 100644
--- a/scss/ui/_payments.scss
+++ b/scss/ui/_payments.scss
@@ -1,26 +1,25 @@
 $payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');
 
 .payment {
-	width: 2.5rem;
-	height: 1.5rem;
-	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;
-
+  width: 2rem * 1.66666;
+  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;
 }
 
 @each $payment in $payment-icons {
-	.payment-#{$payment} {
+  .payment-provider-#{$payment} {
     background-image: url("#{$assets-base}/img/payments/#{$payment}.svg");
-	}
+  }
 }
 
 @each $payment-size, $size in $payment-sizes {
-    .payment-size-#{$payment-size} {
-      width: $size * 1.66666;
-      height: $size;
-    }
+  .payment-#{$payment-size} {
+    width: $size * 1.66666;
+    height: $size;
+  }
 }
diff --git a/scss/ui/forms/_form-colorinput.scss b/scss/ui/forms/_form-colorinput.scss
index f46482235..6c56ee1b5 100644
--- a/scss/ui/forms/_form-colorinput.scss
+++ b/scss/ui/forms/_form-colorinput.scss
@@ -1,7 +1,7 @@
 /*
 Color Input
  */
-.colorinput {
+.form-colorinput {
   position: relative;
   display: inline-block;
   margin: 0;
@@ -9,13 +9,13 @@ Color Input
   cursor: pointer;
 }
 
-.colorinput-input {
+.form-colorinput-input {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
 
-.colorinput-color {
+.form-colorinput-color {
   display: block;
   width: 1.5rem;
   height: 1.5rem;
@@ -36,12 +36,12 @@ Color Input
     opacity: 0;
     transition: .3s opacity;
 
-    .colorinput-input:checked ~ & {
+    .form-colorinput-input:checked ~ & {
       opacity: 1;
     }
   }
 
-  .colorinput-input:focus ~ & {
+  .form-colorinput-input:focus ~ & {
     border-color: $primary;
     box-shadow: $input-btn-focus-box-shadow;
   }
diff --git a/scss/ui/forms/_form-imagecheck.scss b/scss/ui/forms/_form-imagecheck.scss
index 5e190ab54..2cd104900 100644
--- a/scss/ui/forms/_form-imagecheck.scss
+++ b/scss/ui/forms/_form-imagecheck.scss
@@ -1,19 +1,19 @@
 /**
 Image check
  */
-.imagecheck {
+.form-imagecheck {
   position: relative;
   margin: 0;
   cursor: pointer;
 }
 
-.imagecheck-input {
+.form-imagecheck-input {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
 
-.imagecheck-figure {
+.form-imagecheck-figure {
   position: relative;
   display: flex;
   margin: 0;
@@ -21,12 +21,12 @@ Image check
   border: 1px solid $border-color;
   border-radius: 3px;
 
-  .imagecheck-input:focus ~ & {
+  .form-imagecheck-input:focus ~ & {
     border-color: $primary;
     box-shadow: $input-btn-focus-box-shadow;
   }
 
-  .imagecheck-input:checked ~ & {
+  .form-imagecheck-input:checked ~ & {
     border-color: $border-color;
   }
 
@@ -47,7 +47,7 @@ Image check
     border-radius: 3px;
     transition: .3s opacity;
 
-    .imagecheck-input:checked ~ & {
+    .form-imagecheck-input:checked ~ & {
       background-color: $form-check-input-checked-bg-color;
       background-image: escape-svg($form-check-input-checked-bg-image);
       background-repeat: $form-check-input-checked-bg-repeat;
@@ -58,7 +58,7 @@ Image check
   }
 }
 
-.imagecheck-image {
+.form-imagecheck-image {
   max-width: 100%;
   opacity: .64;
   transition: .3s opacity;
@@ -73,23 +73,23 @@ Image check
     border-bottom-left-radius: 2px;
   }
 
-  .imagecheck:hover &,
-  .imagecheck-input:focus ~ .imagecheck-figure &,
-  .imagecheck-input:checked ~ .imagecheck-figure & {
+  .form-imagecheck:hover &,
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure &,
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure & {
     opacity: 1;
   }
 }
 
-.imagecheck-caption {
+.form-imagecheck-caption {
   padding: .25rem;
   font-size: $font-size-sm;
   color: $text-muted;
   text-align: center;
   transition: .3s color;
 
-  .imagecheck:hover &,
-  .imagecheck-input:focus ~ .imagecheck-figure &,
-  .imagecheck-input:checked ~ .imagecheck-figure & {
+  .form-imagecheck:hover &,
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure &,
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure & {
     color: $body-color;
   }
 }
diff --git a/scss/ui/forms/_form-selectgroup.scss b/scss/ui/forms/_form-selectgroup.scss
index f34cb80e7..0cf420fb4 100644
--- a/scss/ui/forms/_form-selectgroup.scss
+++ b/scss/ui/forms/_form-selectgroup.scss
@@ -1,66 +1,23 @@
 /*
-Selectgroup
+Select group
  */
-.selectgroup {
+.form-selectgroup {
   display: inline-flex;
+  margin: 0 -.5rem -.5rem 0;
 }
 
-.selectgroup-vertical {
+.form-selectgroup-vertical {
   flex-direction: column;
 }
 
-.selectgroup-item {
+.form-selectgroup-item {
+  display: block;
   position: relative;
   flex-grow: 1;
-  margin: 0;
+  margin: 0 .5rem .5rem 0;
 }
 
-.selectgroup-separated {
-  margin: 0 -.5rem -.5rem 0;
-
-  .selectgroup-item {
-    margin: 0 .5rem .5rem 0;
-  }
-}
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item {
-  & + .selectgroup-item {
-    margin-left: -1px;
-  }
-
-  &:not(:first-child) .selectgroup-button {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  &:not(:last-child) .selectgroup-button {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-}
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item {
-  &:not(:last-child) {
-    margin-bottom: 0;
-  }
-
-  & + .selectgroup-item {
-    margin-top: -1px;
-    margin-left: 0;
-  }
-
-  &:not(:first-child) .selectgroup-button {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  &:not(:last-child) .selectgroup-button {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-}
-
-.selectgroup-input {
+.form-selectgroup-input {
   position: absolute;
   top: 0;
   left: 0;
@@ -68,11 +25,11 @@ Selectgroup
   opacity: 0;
 }
 
-.selectgroup-button {
+.form-selectgroup-box {
   position: relative;
   display: block;
   min-width: $input-height;
-  padding: $input-btn-padding-y 1rem;
+  padding: $input-btn-padding-y $input-btn-padding-x;
   font-size: $input-btn-font-size;
   line-height: $input-line-height;
   color: $text-muted;
@@ -82,31 +39,102 @@ Selectgroup
   background: rgba(#fff, .064);
   border: 1px solid $input-border-color;
   border-radius: 3px;
+  transition: border-color .3s, background .3s, color .3s;
+
+  .icon:only-child {
+    margin: 0 -.25rem;
+  }
+
+  &:hover {
+    color: $body-color;
+  }
 }
 
-.selectgroup-input:checked + .selectgroup-button {
+.form-selectgroup-check {
+  display: inline-block;
+  width: $form-check-input-width;
+  height: $form-check-input-width;
+  border: $form-check-input-border;
+  vertical-align: middle;
+
+  .form-selectgroup-input[type="checkbox"] + .form-selectgroup-box & {
+    border-radius: $form-check-input-border-radius;
+  }
+
+  .form-selectgroup-input[type="radio"] + .form-selectgroup-box & {
+    border-radius: $form-check-radio-border-radius;
+  }
+
+  .form-selectgroup-input:checked + .form-selectgroup-box & {
+    background-color: $form-check-input-checked-bg-color;
+    background-repeat: $form-check-input-checked-bg-repeat;
+    background-position: $form-check-input-checked-bg-position;
+    background-size: $form-check-input-checked-bg-size;
+    border-color: $form-check-input-checked-border-color;
+  }
+
+  .form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-box & {
+    background-image: escape-svg($form-check-input-checked-bg-image);
+  }
+
+  .form-selectgroup-input[type="radio"]:checked + .form-selectgroup-box & {
+    background-image: escape-svg($form-check-radio-checked-bg-image);
+  }
+}
+
+.form-selectgroup-input:checked + .form-selectgroup-box {
   z-index: 1;
   color: $primary;
-  background: rgba($primary, .08);
-  border-color: $primary;
+  background: rgba($primary, .04);
+  border-color: $input-focus-border-color;
+  box-shadow: 0 1px 1px 0 rgba($primary, .2);
 }
 
-.selectgroup-input:focus + .selectgroup-button {
+.form-selectgroup-input:focus + .form-selectgroup-box {
   z-index: 2;
   color: $primary;
-  border-color: $primary;
+  border-color: $input-focus-border-color;
   box-shadow: $input-btn-focus-box-shadow;
 }
 
-.selectgroup-pills {
+/**
+Alternate version of form select group
+ */
+.form-selectgroup-boxes {
+  .form-selectgroup-box {
+    text-align: left;
+    padding: $card-spacer-x $card-spacer-y;
+    color: inherit;
+  }
+
+  .form-selectgroup-box-content {
+    opacity: .64;
+    transition: .3s opacity;
+  }
+
+  .form-selectgroup-input:checked {
+    + .form-selectgroup-box {
+      color: $body-color;
+
+      .form-selectgroup-box-content {
+        opacity: 1;
+      }
+    }
+  }
+}
+
+/**
+Select group
+ */
+.form-selectgroup-pills {
   flex-wrap: wrap;
   align-items: flex-start;
 
-  .selectgroup-item {
+  .form-selectgroup-item {
     flex-grow: 0;
   }
 
-  .selectgroup-button {
+  .form-selectgroup-box {
     border-radius: 50px;
   }
 }

From 6aecdacc7650e4353e0dd8952382225529e829ba Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 10 Jan 2020 22:18:19 +0100
Subject: [PATCH 16/33] form elements UI fixes

---
 js/tabler.js                               | 13 +++++-
 pages/_docs/form-elements.md               |  2 +-
 pages/_includes/forms/form-elements-1.html |  4 +-
 scss/_variables.scss                       | 19 +++++----
 scss/tabler.scss                           |  1 +
 scss/ui/_forms.scss                        | 49 +++++++++++++++++++---
 scss/ui/_popovers.scss                     |  2 +
 7 files changed, 71 insertions(+), 19 deletions(-)
 create mode 100644 scss/ui/_popovers.scss

diff --git a/js/tabler.js b/js/tabler.js
index 2c5161565..c700502bb 100644
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -42,8 +42,17 @@ $(document).ready(function () {
 		return false;
 	});
 
-	// $('[data-toggle="tooltip"]').tooltip();
-	// $('[data-toggle="popover"]').popover();
+	$('[data-toggle="tooltip"]').tooltip();
+
+	/*
+	Popover
+	 */
+	var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'))
+	var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+		return new bootstrap.Popover(popoverTriggerEl, {
+			autoHide: true
+		})
+	});
 
 	/*
 	  CountUp
diff --git a/pages/_docs/form-elements.md b/pages/_docs/form-elements.md
index ba61dcca5..895afd124 100644
--- a/pages/_docs/form-elements.md
+++ b/pages/_docs/form-elements.md
@@ -66,7 +66,7 @@ bootstrap-link: components/forms/
 ### Textarea
 {% example %}
 <div class="mb-2">
-   <label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
+   <label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
    <textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
 </div>
 {% endexample %}
diff --git a/pages/_includes/forms/form-elements-1.html b/pages/_includes/forms/form-elements-1.html
index 68802fd19..1f2c13950 100644
--- a/pages/_includes/forms/form-elements-1.html
+++ b/pages/_includes/forms/form-elements-1.html
@@ -20,7 +20,7 @@
           value="Well, how'd you become king, then?" readonly>
 </div>
 <div class="mb-3">
-   <label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
+   <label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
    <textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
 </div>
 
@@ -60,7 +60,7 @@
          <input type="text" class="form-control" placeholder="Search for&hellip;">
       </div>
       <div class="col-auto align-self-center">
-         <span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>">?</span>
+         <span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href='#'>USP ZIP codes lookup tools</a></p>" data-html="true">?</span>
       </div>
    </div>
 </div>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 827542c67..9392f6402 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -46,8 +46,11 @@ $cyan: #17a2b8 !default;
 $black: #000000 !default;
 $white: #ffffff !default;
 
-$text-muted: $gray-700 !default;
-$border-color: $gray-400 !default;
+$body-bg: $light !default;
+$body-color: $dark !default;
+
+$text-muted: mix($body-color, #fff, 64%) !default;
+$border-color: rgba($body-color, .16) !default;
 $hover-bg: $gray-200 !default;
 $active-bg: rgba($blue, .06) !default;
 
@@ -58,9 +61,6 @@ $info: $azure !default;
 $warning: $yellow !default;
 $danger: $red !default;
 
-$body-bg: $light !default;
-$body-color: $dark !default;
-
 $social-colors: (
   "facebook": #3b5998,
   "twitter": #1da1f2,
@@ -264,6 +264,9 @@ $navbar-bg: $white !default;
 $navbar-height: 3.5rem !default;
 $navbar-border-color: $border-color !default;
 
+//popover
+$popover-border-color: $border-color !default;
+
 //nav
 //$nav-link-padding-y: 1rem !default;
 
@@ -333,7 +336,9 @@ $form-check-padding-left: $form-check-input-width + .5rem !default;
 $form-check-input-bg: $white !default;
 $form-check-input-border: 1px solid $border-color !default;
 $form-check-input-border-radius: $border-radius !default;
-$form-check-input-checked-bg-size: .75rem !default;
+$form-check-input-checked-bg-size: .8rem !default;
+
+$form-check-input-checked-border-color: $border-color !default;
 
 $form-switch-width: 1.75rem !default;
 $form-switch-padding-left: $form-switch-width + .5rem !default;
@@ -360,8 +365,6 @@ $payment-sizes: (
   "xl": 4rem
 ) !default;
 
-
-
 $enable-social-colors: true !default;
 $enable-ghost-buttons: true !default;
 $enable-extra-colors: true !default;
diff --git a/scss/tabler.scss b/scss/tabler.scss
index a995438c6..058ac95ed 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -42,6 +42,7 @@
 @import "ui/nav";
 @import "ui/stars";
 @import "ui/pagination";
+@import "ui/popovers";
 @import "ui/progress";
 @import "ui/ribbons";
 @import "ui/stamps";
diff --git a/scss/ui/_forms.scss b/scss/ui/_forms.scss
index 3a3be7f81..38d47342f 100644
--- a/scss/ui/_forms.scss
+++ b/scss/ui/_forms.scss
@@ -4,6 +4,9 @@ textarea {
   }
 }
 
+/**
+Form label
+ */
 .form-label {
   font-size: $h4-font-size;
   font-weight: $font-weight-bold;
@@ -11,6 +14,17 @@ textarea {
   margin-bottom: .5rem;
 }
 
+.form-label-description {
+  float: right;
+  font-weight: $font-weight-normal;
+  color: $text-muted;
+  line-height: $line-height-base * (100%/$small-font-size);
+  font-size: $small-font-size ;
+}
+
+/**
+Form control
+ */
 .form-control {
   &:-webkit-autofill {
     box-shadow: 0 0 0 1000px #fff inset;
@@ -53,17 +67,19 @@ textarea {
 Form help
  */
 .form-help {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  font-size: $h5-font-size;
-  line-height: 1rem;
+  display: inline-flex;
+  font-weight: 600;
+  align-items: center;
+  justify-content: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  font-size: .75rem;
   color: $text-muted;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   user-select: none;
-  background: $gray-100;
+  background: $gray-200;
   border-radius: 50%;
   transition: .3s background-color, .3s color;
 
@@ -73,3 +89,24 @@ Form help
     background: $primary;
   }
 }
+
+/**
+Form switch
+ */
+.form-check-input {
+  color: $form-check-input-checked-bg-color;
+
+  &:checked {
+    background-color: currentColor;
+  }
+}
+
+.form-check .form-check-input:not(:checked) ~ .form-check-label {
+  color: $text-muted;
+}
+
+/**
+Input group
+ */
+.input-group-prepend .input-group-text { border-right: 0; }
+.input-group-append .input-group-text { border-left: 0; }
diff --git a/scss/ui/_popovers.scss b/scss/ui/_popovers.scss
new file mode 100644
index 000000000..b0912ae5c
--- /dev/null
+++ b/scss/ui/_popovers.scss
@@ -0,0 +1,2 @@
+.popover {
+}

From 9ff68e407df50d5a6da2ec27e1b48fa49a48e226 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 10 Jan 2020 22:53:31 +0100
Subject: [PATCH 17/33] popover js fixes

---
 js/tabler.js            | 4 ++--
 pages/_data/selects.yml | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/js/tabler.js b/js/tabler.js
index c700502bb..f356d55b0 100644
--- a/js/tabler.js
+++ b/js/tabler.js
@@ -47,8 +47,8 @@ $(document).ready(function () {
 	/*
 	Popover
 	 */
-	var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'))
-	var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+	var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
+	popoverTriggerList.map(function (popoverTriggerEl) {
 		return new bootstrap.Popover(popoverTriggerEl, {
 			autoHide: true
 		})
diff --git a/pages/_data/selects.yml b/pages/_data/selects.yml
index 8d5480145..7a745bacd 100644
--- a/pages/_data/selects.yml
+++ b/pages/_data/selects.yml
@@ -11,7 +11,7 @@ users:
       name: Nikola Tesla
 
 tags:
-  max-items: 3
+  max-items: 15
   value: dev, test
   options:
     - dev

From 15c85ac5587196ed359d5cc075e7a9f9c3b2026e Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 10 Jan 2020 23:08:18 +0100
Subject: [PATCH 18/33] build new version, bootstrap update

---
 demo/400.html                                 |   33 +-
 demo/401.html                                 |   27 +-
 demo/403.html                                 |   27 +-
 demo/404.html                                 |   27 +-
 demo/500.html                                 |   27 +-
 demo/503.html                                 |   27 +-
 demo/all.html                                 |   32 +-
 demo/blank.html                               |   32 +-
 demo/blog.html                                |   32 +-
 demo/buttons.html                             |  139 +-
 demo/calendar.html                            |   42 +-
 demo/cards.html                               |   32 +-
 demo/carousel.html                            |   32 +-
 demo/changelog.html                           |   34 +-
 demo/charts-heatmap.html                      |   32 +-
 demo/charts.html                              |   34 +-
 demo/components/card-buttons.html             |   32 +-
 demo/components/card-comments.html            |   32 +-
 demo/components/card-ribbon.html              |   32 +-
 demo/components/card-tabs-bottom.html         |   32 +-
 demo/components/card-with-image.html          |   32 +-
 demo/components/empty.html                    |   32 +-
 demo/components/input-colors.html             |  172 +-
 demo/components/input-image.html              |  140 +-
 demo/components/progress.html                 |   32 +-
 demo/components/simple-avatar.html            |   32 +-
 demo/components/simple-card.html              |   32 +-
 demo/components/widget-revenue.html           |   32 +-
 demo/components/widget-sales.html             |   32 +-
 demo/crypto-currencies.html                   |   32 +-
 demo/datatables.html                          |   48 +-
 demo/dist/css/tabler-buttons.css              |   20 +-
 demo/dist/css/tabler-buttons.css.map          |  Bin 33834 -> 33991 bytes
 demo/dist/css/tabler-buttons.min.css          |    2 +-
 demo/dist/css/tabler-buttons.min.css.map      |  Bin 82018 -> 82018 bytes
 demo/dist/css/tabler-flags.css                |  520 +++---
 demo/dist/css/tabler-flags.css.map            |  Bin 37157 -> 39362 bytes
 demo/dist/css/tabler-flags.min.css            |    2 +-
 demo/dist/css/tabler-flags.min.css.map        |  Bin 7706 -> 7966 bytes
 demo/dist/css/tabler-payments.css             |  230 +--
 demo/dist/css/tabler-payments.css.map         |  Bin 25151 -> 26271 bytes
 demo/dist/css/tabler-payments.min.css         |    2 +-
 demo/dist/css/tabler-payments.min.css.map     |  Bin 4553 -> 4563 bytes
 demo/dist/css/tabler.css                      |  613 ++++---
 demo/dist/css/tabler.css.map                  |  Bin 702341 -> 708164 bytes
 demo/dist/css/tabler.min.css                  |    2 +-
 demo/dist/css/tabler.min.css.map              |  Bin 912198 -> 920891 bytes
 demo/dist/js/tabler.min.js                    |    2 +-
 demo/dist/js/tabler.min.js.map                |  Bin 17811 -> 18573 bytes
 .../libs/daterangepicker/daterangepicker.css  |  410 +++++
 .../libs/daterangepicker/daterangepicker.js   | 1565 +++++++++++++++++
 demo/dist/libs/daterangepicker/moment.min.js  |    1 +
 demo/docs/alerts.html                         |   35 +-
 demo/docs/autosize.html                       |   35 +-
 demo/docs/avatars.html                        |   35 +-
 demo/docs/badges.html                         |   35 +-
 demo/docs/breadcrumb.html                     |   35 +-
 demo/docs/buttons.html                        |   35 +-
 demo/docs/cards.html                          |   35 +-
 demo/docs/carousel.html                       |   35 +-
 demo/docs/charts.html                         |   35 +-
 demo/docs/colors.html                         |   35 +-
 demo/docs/countup.html                        |   35 +-
 demo/docs/cursors.html                        |   35 +-
 demo/docs/divider.html                        |   35 +-
 demo/docs/empty.html                          |   35 +-
 demo/docs/flags.html                          |  565 +++---
 demo/docs/form-elements.html                  |  499 +++---
 demo/docs/form-helpers.html                   |   35 +-
 demo/docs/index.html                          |   35 +-
 demo/docs/input-mask.html                     |   35 +-
 demo/docs/layout.html                         |   35 +-
 demo/docs/payments.html                       |  388 ++--
 demo/docs/progress.html                       |   35 +-
 demo/docs/ribbons.html                        |   35 +-
 demo/docs/spinners.html                       |   35 +-
 demo/docs/steps.html                          |   35 +-
 demo/docs/tables.html                         |   35 +-
 demo/docs/tabs.html                           |   35 +-
 demo/docs/timelines.html                      |   35 +-
 demo/docs/toasts.html                         |  129 +-
 demo/docs/tooltips.html                       |   35 +-
 demo/docs/typography.html                     |   35 +-
 demo/dropdowns.html                           |   32 +-
 demo/email.html                               |   32 +-
 demo/empty.html                               |   32 +-
 demo/flags.html                               |  534 +++---
 demo/forgot-password.html                     |   27 +-
 demo/form-elements.html                       |  462 +++--
 demo/gallery.html                             |   32 +-
 demo/homepage.html                            |   34 +-
 demo/icons.html                               |   32 +-
 demo/index.html                               |   92 +-
 demo/invoice.html                             |   32 +-
 demo/layout-test.html                         |   32 +-
 demo/layouts.html                             |   32 +-
 demo/login.html                               |   27 +-
 demo/lookup.html                              |   32 +-
 demo/maintenance.html                         |   27 +-
 demo/maps.html                                |   40 +-
 demo/markdown.html                            |   32 +-
 demo/music.html                               |   32 +-
 demo/pagination.html                          |   32 +-
 demo/pricing.html                             |   32 +-
 demo/profile.html                             |   32 +-
 demo/register.html                            |   27 +-
 demo/ribbons.html                             |   32 +-
 demo/rtl.html                                 |   34 +-
 demo/search-results.html                      |   32 +-
 demo/sitemap.xml                              |   88 +-
 demo/snippets.html                            |   36 +-
 demo/social.html                              |   32 +-
 demo/store.html                               |   32 +-
 demo/tabs.html                                |   32 +-
 demo/tmp2.html                                |  166 +-
 demo/typography.html                          |   32 +-
 demo/users.html                               |   32 +-
 dist/css/tabler-buttons.css                   |   20 +-
 dist/css/tabler-buttons.css.map               |  Bin 33834 -> 33991 bytes
 dist/css/tabler-buttons.min.css               |    2 +-
 dist/css/tabler-buttons.min.css.map           |  Bin 82018 -> 82018 bytes
 dist/css/tabler-flags.css                     |  520 +++---
 dist/css/tabler-flags.css.map                 |  Bin 37157 -> 39362 bytes
 dist/css/tabler-flags.min.css                 |    2 +-
 dist/css/tabler-flags.min.css.map             |  Bin 7706 -> 7966 bytes
 dist/css/tabler-payments.css                  |  230 +--
 dist/css/tabler-payments.css.map              |  Bin 25151 -> 26271 bytes
 dist/css/tabler-payments.min.css              |    2 +-
 dist/css/tabler-payments.min.css.map          |  Bin 4553 -> 4563 bytes
 dist/css/tabler.css                           |  613 ++++---
 dist/css/tabler.css.map                       |  Bin 702341 -> 708164 bytes
 dist/css/tabler.min.css                       |    2 +-
 dist/css/tabler.min.css.map                   |  Bin 912198 -> 920891 bytes
 dist/js/tabler.min.js                         |    2 +-
 dist/js/tabler.min.js.map                     |  Bin 17811 -> 18573 bytes
 dist/libs/daterangepicker/daterangepicker.css |  410 +++++
 dist/libs/daterangepicker/daterangepicker.js  | 1565 +++++++++++++++++
 dist/libs/daterangepicker/moment.min.js       |    1 +
 package.json                                  |    2 +-
 139 files changed, 9068 insertions(+), 3817 deletions(-)
 create mode 100644 demo/dist/libs/daterangepicker/daterangepicker.css
 create mode 100644 demo/dist/libs/daterangepicker/daterangepicker.js
 create mode 100644 demo/dist/libs/daterangepicker/moment.min.js
 create mode 100644 dist/libs/daterangepicker/daterangepicker.css
 create mode 100644 dist/libs/daterangepicker/daterangepicker.js
 create mode 100644 dist/libs/daterangepicker/moment.min.js

diff --git a/demo/400.html b/demo/400.html
index b735501a1..8b9a32874 100644
--- a/demo/400.html
+++ b/demo/400.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 400 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,13 +58,13 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/autosize/dist/autosize.min.js?1578436289"></script>
-    <script src="./dist/libs/imask/dist/imask.min.js?1578436289"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/autosize/dist/autosize.min.js?1578694044"></script>
+    <script src="./dist/libs/imask/dist/imask.min.js?1578694044"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/401.html b/demo/401.html
index 00b367d39..5c7ab05be 100644
--- a/demo/401.html
+++ b/demo/401.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/403.html b/demo/403.html
index d44c00432..877d57095 100644
--- a/demo/403.html
+++ b/demo/403.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/404.html b/demo/404.html
index 9b823f5c3..5fb70f3fb 100644
--- a/demo/404.html
+++ b/demo/404.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/500.html b/demo/500.html
index 4ab67c99d..09a00e129 100644
--- a/demo/500.html
+++ b/demo/500.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/503.html b/demo/503.html
index f210b54e4..167c031b4 100644
--- a/demo/503.html
+++ b/demo/503.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/all.html b/demo/all.html
index 9662dad35..8e14391cb 100644
--- a/demo/all.html
+++ b/demo/all.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Index - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -795,9 +801,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blank.html b/demo/blank.html
index e5bda325f..e5416e878 100644
--- a/demo/blank.html
+++ b/demo/blank.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -487,9 +493,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/blog.html b/demo/blog.html
index 0c3ce3b31..611c4fed6 100644
--- a/demo/blog.html
+++ b/demo/blog.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Blog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -729,9 +735,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/buttons.html b/demo/buttons.html
index c3e9d60e1..4d1d25f72 100644
--- a/demo/buttons.html
+++ b/demo/buttons.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -1084,6 +1090,113 @@
                     </div>
                   </div>
                 </div>
+                <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="col-6 col-sm-4 col-md-2 col-xl-auto mb-3">
+                        <a href="#" class="btn btn-facebook btn-block btn-icon">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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>
+                      </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">
+                          <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">
+                          <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>
+                      </div>
+                    </div>
+                  </div>
+                </div>
                 <div class="card">
                   <div class="card-header">
                     <h3 class="card-title">Social colors</h3>
@@ -1212,9 +1325,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/calendar.html b/demo/calendar.html
index 5d6f2c14e..492c6d37d 100644
--- a/demo/calendar.html
+++ b/demo/calendar.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Calendar - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -496,15 +502,15 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/fullcalendar/core/main.min.js?1578436289"></script>
-    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578436289"></script>
-    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578436289"></script>
-    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578436289"></script>
-    <script src="./dist/libs/fullcalendar/list/main.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/fullcalendar/core/main.min.js?1578694044"></script>
+    <script src="./dist/libs/fullcalendar/daygrid/main.min.js?1578694044"></script>
+    <script src="./dist/libs/fullcalendar/interaction/main.min.js?1578694044"></script>
+    <script src="./dist/libs/fullcalendar/timegrid/main.min.js?1578694044"></script>
+    <script src="./dist/libs/fullcalendar/list/main.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       document.addEventListener('DOMContentLoaded', function () {
             var calendarEl = document.getElementById('calendar-main'),
diff --git a/demo/cards.html b/demo/cards.html
index 2b941c563..8d5df4f83 100644
--- a/demo/cards.html
+++ b/demo/cards.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -892,9 +898,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/carousel.html b/demo/carousel.html
index 26b6c2c4c..d850eae03 100644
--- a/demo/carousel.html
+++ b/demo/carousel.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -644,9 +650,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/changelog.html b/demo/changelog.html
index f0c083ad3..e6d36fdef 100644
--- a/demo/changelog.html
+++ b/demo/changelog.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Changelog - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -482,7 +488,7 @@
                 <div class="mb-4">
                   <div class="mb-2">
                     <span class="badge bg-blue-lt">1.0.0</span> —
-                    <span class="text-muted">January 07, 2020</span>
+                    <span class="text-muted">January 10, 2020</span>
                   </div>
                   <div>
                     <p>Coming soon</p>
@@ -495,9 +501,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts-heatmap.html b/demo/charts-heatmap.html
index 0a696aae8..a870156fa 100644
--- a/demo/charts-heatmap.html
+++ b/demo/charts-heatmap.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Heatmap Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -715,9 +721,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/charts.html b/demo/charts.html
index 5332c7683..38328a88a 100644
--- a/demo/charts.html
+++ b/demo/charts.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Charts - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -638,11 +644,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/components/card-buttons.html b/demo/components/card-buttons.html
index 1ebb15516..86e2c6e06 100644
--- a/demo/components/card-buttons.html
+++ b/demo/components/card-buttons.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-buttons.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -587,9 +593,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-comments.html b/demo/components/card-comments.html
index dfb2d4f6b..38b6852ad 100644
--- a/demo/components/card-comments.html
+++ b/demo/components/card-comments.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-comments.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -797,9 +803,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-ribbon.html b/demo/components/card-ribbon.html
index 5bad13b97..3e3b6b4e9 100644
--- a/demo/components/card-ribbon.html
+++ b/demo/components/card-ribbon.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-ribbon.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -571,9 +577,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-tabs-bottom.html b/demo/components/card-tabs-bottom.html
index 24c715ec9..1582bb443 100644
--- a/demo/components/card-tabs-bottom.html
+++ b/demo/components/card-tabs-bottom.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-tabs-bottom.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -689,9 +695,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/card-with-image.html b/demo/components/card-with-image.html
index cec7cefe6..f2ee1eaf8 100644
--- a/demo/components/card-with-image.html
+++ b/demo/components/card-with-image.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/card-with-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -589,9 +595,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/empty.html b/demo/components/empty.html
index eb8d07890..b8b11ac05 100644
--- a/demo/components/empty.html
+++ b/demo/components/empty.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/empty.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -592,9 +598,9 @@
 </div>
 </div>
 <!-- Libs JS -->
-<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+<script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
 <!-- Tabler Core -->
-<script src="../dist/js/tabler.min.js?1578436289"></script>
+<script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-colors.html b/demo/components/input-colors.html
index 00ae4918b..1a74b270a 100644
--- a/demo/components/input-colors.html
+++ b/demo/components/input-colors.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-colors.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -520,63 +526,63 @@
                             <label class="form-label">Color Input</label>
                             <div class="row row-xs">
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="blue" class="colorinput-input" />
-                                  <span class="colorinput-color bg-blue"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="blue" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-blue"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="azure" class="colorinput-input"  checked/>
-                                  <span class="colorinput-color bg-azure"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="azure" class="form-colorinput-input"  checked/>
+                                  <span class="form-colorinput-color bg-azure"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="indigo" class="colorinput-input" />
-                                  <span class="colorinput-color bg-indigo"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="indigo" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-indigo"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="purple" class="colorinput-input" />
-                                  <span class="colorinput-color bg-purple"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="purple" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-purple"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="pink" class="colorinput-input" />
-                                  <span class="colorinput-color bg-pink"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="pink" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-pink"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="red" class="colorinput-input" />
-                                  <span class="colorinput-color bg-red"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="red" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-red"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="orange" class="colorinput-input" />
-                                  <span class="colorinput-color bg-orange"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="orange" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-orange"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
-                                  <span class="colorinput-color bg-yellow"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="yellow" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-yellow"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="lime" class="colorinput-input" />
-                                  <span class="colorinput-color bg-lime"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="lime" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-lime"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="green" class="colorinput-input" />
-                                  <span class="colorinput-color bg-green"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="green" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-green"></span>
                                 </label>
                               </div>
                             </div>
@@ -589,63 +595,63 @@
    <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-xs"</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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-blue"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-blue"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-azure"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-azure"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-indigo"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-indigo"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-purple"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-purple"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-pink"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-pink"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-red"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-red"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-orange"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-orange"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-yellow"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-yellow"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"green"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"green"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&gt;</span>
    <span class="nt">&lt;/div&gt;</span>
@@ -662,25 +668,25 @@
                           <input type="hidden" name="data" value='{"title":"Color input","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n  
                           <div class=\"mb-3\">\n\t<label class=\"form-label\">Color Input</label>\n\t
                             <div class=\"row row-xs\">\n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"blue\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-blue\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"blue\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-blue\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"azure\" class=\"colorinput-input\"  checked/>\n\t\t\t\t<span class=\"colorinput-color bg-azure\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"azure\" class=\"form-colorinput-input\"  checked/>\n\t\t\t\t<span class=\"form-colorinput-color bg-azure\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"indigo\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-indigo\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"indigo\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-indigo\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"purple\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-purple\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"purple\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-purple\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"pink\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-pink\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"pink\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-pink\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"red\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-red\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"red\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-red\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"orange\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-orange\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"orange\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-orange\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"yellow\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-yellow\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"yellow\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-yellow\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"lime\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-lime\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"lime\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-lime\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-auto\">\n\t\t\t<label class=\"colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"green\" class=\"colorinput-input\" />\n\t\t\t\t<span class=\"colorinput-color bg-green\"></span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-auto\">\n\t\t\t<label class=\"form-colorinput\">\n\t\t\t\t<input name=\"color\" type=\"checkbox\" value=\"green\" class=\"form-colorinput-input\" />\n\t\t\t\t<span class=\"form-colorinput-color bg-green\"></span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t</div>
                             \n</div>
                           \n\n\n</div>
@@ -701,9 +707,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/input-image.html b/demo/components/input-image.html
index d53ffd5a1..a3ee0237e 100644
--- a/demo/components/input-image.html
+++ b/demo/components/input-image.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/input-image.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -520,50 +526,50 @@
                             <label class="form-label">Image Check</label>
                             <div class="row row-xs">
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/77586f6ffa9fbc5e.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/77586f6ffa9fbc5e.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="2" class="imagecheck-input"  checked/>
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/552683cc4e5f0e11.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="2" class="form-imagecheck-input"  checked/>
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/552683cc4e5f0e11.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/3664593f945f0d8d.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="3" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/3664593f945f0d8d.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="4" class="imagecheck-input"  checked/>
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/529078594c496ec5.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="4" class="form-imagecheck-input"  checked/>
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/529078594c496ec5.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/a74c41b6fb7fdf34.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="5" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/a74c41b6fb7fdf34.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="../static/photos/a159fb2bff29fda4.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="6" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="../static/photos/a159fb2bff29fda4.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
@@ -577,50 +583,50 @@
    <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-xs"</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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"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">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/77586f6ffa9fbc5e.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/77586f6ffa9fbc5e.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/552683cc4e5f0e11.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"2"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/552683cc4e5f0e11.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3664593f945f0d8d.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"3"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3664593f945f0d8d.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/529078594c496ec5.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"4"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/529078594c496ec5.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"5"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a74c41b6fb7fdf34.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"5"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a74c41b6fb7fdf34.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"6"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a159fb2bff29fda4.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"6"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a159fb2bff29fda4.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&gt;</span>
@@ -638,17 +644,17 @@
                           <input type="hidden" name="data" value='{"title":"Image input","css_external":"https://preview-dev.tabler.io/dist/css/tabler.css","html":"\n<div class=\"tabler-demo\">\n  \n
                           <div class=\"mb-3\">\n\t<label class=\"form-label\">Image Check</label>\n\t
                             <div class=\"row row-xs\">\n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"1\" class=\"imagecheck-input\" />\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/77586f6ffa9fbc5e.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"1\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/77586f6ffa9fbc5e.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"2\" class=\"imagecheck-input\"  checked/>\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/552683cc4e5f0e11.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"2\" class=\"form-imagecheck-input\"  checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/552683cc4e5f0e11.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"3\" class=\"imagecheck-input\" />\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/3664593f945f0d8d.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"3\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/3664593f945f0d8d.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"4\" class=\"imagecheck-input\"  checked/>\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/529078594c496ec5.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"4\" class=\"form-imagecheck-input\"  checked/>\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/529078594c496ec5.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"5\" class=\"imagecheck-input\" />\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a74c41b6fb7fdf34.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"5\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a74c41b6fb7fdf34.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t\t
-                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"imagecheck mb-2\">\n\t\t\t\t<input name=\"imagecheck\" type=\"checkbox\" value=\"6\" class=\"imagecheck-input\" />\n\t\t\t\t<span class=\"imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a159fb2bff29fda4.jpg\" alt=\"\" class=\"imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
+                              <div class=\"col-6 col-sm-4\">\n\t\t\t<label class=\"form-imagecheck mb-2\">\n\t\t\t\t<input name=\"form-imagecheck\" type=\"checkbox\" value=\"6\" class=\"form-imagecheck-input\" />\n\t\t\t\t<span class=\"form-imagecheck-figure\">\n\t\t\t\t\t<img src=\"../static/photos/a159fb2bff29fda4.jpg\" alt=\"\" class=\"form-imagecheck-image\">\n\t\t\t\t</span>\n\t\t\t</label>\n\t\t</div>
                               \n\t\t\n\t</div>
                             \n</div>
                           \n\n\n</div>
@@ -669,9 +675,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/progress.html b/demo/components/progress.html
index da96f3348..2dc0ee13b 100644
--- a/demo/components/progress.html
+++ b/demo/components/progress.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/progress.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -675,9 +681,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-avatar.html b/demo/components/simple-avatar.html
index bd8a9091d..8f90bc1e8 100644
--- a/demo/components/simple-avatar.html
+++ b/demo/components/simple-avatar.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-avatar.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -553,9 +559,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/simple-card.html b/demo/components/simple-card.html
index fcb075275..1b3f3e815 100644
--- a/demo/components/simple-card.html
+++ b/demo/components/simple-card.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/simple-card.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -565,9 +571,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-revenue.html b/demo/components/widget-revenue.html
index 5b7137894..b7c525434 100644
--- a/demo/components/widget-revenue.html
+++ b/demo/components/widget-revenue.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-revenue.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -625,9 +631,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/components/widget-sales.html b/demo/components/widget-sales.html
index 05446da3d..5e7095d6b 100644
--- a/demo/components/widget-sales.html
+++ b/demo/components/widget-sales.html
@@ -38,18 +38,19 @@
     <meta property="og:url" content="https://preview-dev.tabler.io/components/widget-sales.html">
     <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -416,6 +417,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -639,9 +645,9 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+  <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="../dist/js/tabler.min.js?1578436289"></script>
+  <script src="../dist/js/tabler.min.js?1578694044"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/demo/crypto-currencies.html b/demo/crypto-currencies.html
index def9d4b72..84235dbd9 100644
--- a/demo/crypto-currencies.html
+++ b/demo/crypto-currencies.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Crypto currencies - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -1698,9 +1704,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/datatables.html b/demo/datatables.html
index c1356b4e7..a97290c9a 100644
--- a/demo/datatables.html
+++ b/demo/datatables.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Data Tables - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -517,7 +523,7 @@
                       <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-us"></span>
+                        <span class="flag flag-country-us"></span>
                         Carlson Limited
                       </td>
                       <td>
@@ -553,7 +559,7 @@
                       <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-gb"></span>
+                        <span class="flag flag-country-gb"></span>
                         Adobe
                       </td>
                       <td>
@@ -589,7 +595,7 @@
                       <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-de"></span>
+                        <span class="flag flag-country-de"></span>
                         Bluewolf
                       </td>
                       <td>
@@ -625,7 +631,7 @@
                       <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-br"></span>
+                        <span class="flag flag-country-br"></span>
                         Salesforce
                       </td>
                       <td>
@@ -661,7 +667,7 @@
                       <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-pl"></span>
+                        <span class="flag flag-country-pl"></span>
                         Printic
                       </td>
                       <td>
@@ -697,7 +703,7 @@
                       <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-br"></span>
+                        <span class="flag flag-country-br"></span>
                         Tabdaq
                       </td>
                       <td>
@@ -733,7 +739,7 @@
                       <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-us"></span>
+                        <span class="flag flag-country-us"></span>
                         Apple
                       </td>
                       <td>
@@ -769,7 +775,7 @@
                       <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-pl"></span>
+                        <span class="flag flag-country-pl"></span>
                         Tookapic
                       </td>
                       <td>
@@ -830,9 +836,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dist/css/tabler-buttons.css b/demo/dist/css/tabler-buttons.css
index 089ed63e6..8b4ad7e96 100644
--- a/demo/dist/css/tabler-buttons.css
+++ b/demo/dist/css/tabler-buttons.css
@@ -25,28 +25,28 @@
     border-color: transparent; }
 
 .btn-ghost-secondary {
-  color: #8b929e;
+  color: #7e8590;
   background-color: transparent;
   border-color: transparent; }
   .btn-ghost-secondary:hover {
     color: #fff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
   .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
     color: #fff;
-    background-color: #8b929e;
-    border-color: #8b929e;
-    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+    background-color: #7e8590;
+    border-color: #7e8590;
+    box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-ghost-secondary:active, .btn-ghost-secondary.active,
   .show > .btn-ghost-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
     .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
     .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: transparent;
     border-color: transparent; }
 
diff --git a/demo/dist/css/tabler-buttons.css.map b/demo/dist/css/tabler-buttons.css.map
index b5af61ed67adcba5ad117cea648643fa33c2c0ec..57997a3deb519eed7d081ec81fd621f1624c5735 100644
GIT binary patch
delta 292
zcmZ40!F0TnX#+D8cdm1>v$d;piF1MTWPN5c`C{jMXKPOvW2XXVokAyPBd2_49al$3
zM{8G?3a1k1$rD(_B%x{wplb4gYJghOa-1hWR9BU8_6Ku4AO^U@^n1Fv0Ie|OP~eOJ
z%SQrv3ar|j)tJ|ZPZo%=Q7=iYDACO=ElEwWQpnA$&`?RrPpQ;R&d<p&(os-OOH0#H
zFf&oroct<ETC6BNDG^nHo}roMX1-`9#?3x4=LH1{@(c3IQj22pR3NO)?{Yu0Gg?gc
wEfb&IQOYy<d@1MTl1#P9F=ZT^f0c@`a2DsrC|M~O>X}a7T4}b~zv?z802x?c+yDRo

delta 217
zcmX@!$+W72X#+D8S7N%ewX1W6lcm#S17<UsbSDcZYfl#+ODCN|CueU9CmmNuM@MT{
z7q<-O$rD+`#GndXAqw2Us{KtTKU7zfcTNNIa)D-nH0J@0g6Q^iDFm4>prgQ@<qTGn
z?F{5AvTAQuXI>vJT9R5(qMKV<lA2<rppsscSgC7nU@+M-TACBWGchpOoE6Q)IQd$X
l&E}k#^Macz@{X}HnVU|wFB9K9vrL3#vTv2`<`-4>IRS;eLbw0`

diff --git a/demo/dist/css/tabler-buttons.min.css b/demo/dist/css/tabler-buttons.min.css
index 054d99db8..cfee916da 100644
--- a/demo/dist/css/tabler-buttons.min.css
+++ b/demo/dist/css/tabler-buttons.min.css
@@ -1,2 +1,2 @@
-.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#8b929e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#8b929e;border-color:#8b929e;box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#8b929e;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
+.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#7e8590;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#7e8590;border-color:#7e8590;box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#7e8590;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
 /*# sourceMappingURL=tabler-buttons.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-buttons.min.css.map b/demo/dist/css/tabler-buttons.min.css.map
index c8a7c7146abf6e10b2644fca03a7fe2430ca4d5e..fc83c32b9756157de9597e8fe9f5590440883c85 100644
GIT binary patch
delta 179
zcmaFV!1}0xb%RPen|Z2*sinc>`sAR=8#1^ix1}4gf`uj@JSYy6RLqi@{4L!NLt^?z
z6Gk;2BQqTZLt|qgVPY~}P?=G9@`4IhpkaLo^-z{zuGr*r861;qGbiEH#WmSB%N%BL
R;{w&m1*L|YFJw)+3ILt-I^h5S

delta 173
zcmaFV!1}0xb%RPen?;hPk!9-S`sAR=8#1^ix1}4wgalK>U`)j<naSVM{a{>#%=C{Y
zjB4D*mO2WCCT2jwbh>~tqsZh16|6wh`Y_c`PRLx3OF7qM+bnaKmc|9DlM6}>H($t_
GbQJ((LpHMj

diff --git a/demo/dist/css/tabler-flags.css b/demo/dist/css/tabler-flags.css
index b4c0880b3..c7db72240 100644
--- a/demo/dist/css/tabler-flags.css
+++ b/demo/dist/css/tabler-flags.css
@@ -13,786 +13,786 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
-.flag-ad {
+.flag-country-ad {
   background-image: url("../img/flags/ad.svg"); }
 
-.flag-ae {
+.flag-country-ae {
   background-image: url("../img/flags/ae.svg"); }
 
-.flag-af {
+.flag-country-af {
   background-image: url("../img/flags/af.svg"); }
 
-.flag-ag {
+.flag-country-ag {
   background-image: url("../img/flags/ag.svg"); }
 
-.flag-ai {
+.flag-country-ai {
   background-image: url("../img/flags/ai.svg"); }
 
-.flag-al {
+.flag-country-al {
   background-image: url("../img/flags/al.svg"); }
 
-.flag-am {
+.flag-country-am {
   background-image: url("../img/flags/am.svg"); }
 
-.flag-ao {
+.flag-country-ao {
   background-image: url("../img/flags/ao.svg"); }
 
-.flag-aq {
+.flag-country-aq {
   background-image: url("../img/flags/aq.svg"); }
 
-.flag-ar {
+.flag-country-ar {
   background-image: url("../img/flags/ar.svg"); }
 
-.flag-as {
+.flag-country-as {
   background-image: url("../img/flags/as.svg"); }
 
-.flag-at {
+.flag-country-at {
   background-image: url("../img/flags/at.svg"); }
 
-.flag-au {
+.flag-country-au {
   background-image: url("../img/flags/au.svg"); }
 
-.flag-aw {
+.flag-country-aw {
   background-image: url("../img/flags/aw.svg"); }
 
-.flag-ax {
+.flag-country-ax {
   background-image: url("../img/flags/ax.svg"); }
 
-.flag-az {
+.flag-country-az {
   background-image: url("../img/flags/az.svg"); }
 
-.flag-ba {
+.flag-country-ba {
   background-image: url("../img/flags/ba.svg"); }
 
-.flag-bb {
+.flag-country-bb {
   background-image: url("../img/flags/bb.svg"); }
 
-.flag-bd {
+.flag-country-bd {
   background-image: url("../img/flags/bd.svg"); }
 
-.flag-be {
+.flag-country-be {
   background-image: url("../img/flags/be.svg"); }
 
-.flag-bf {
+.flag-country-bf {
   background-image: url("../img/flags/bf.svg"); }
 
-.flag-bg {
+.flag-country-bg {
   background-image: url("../img/flags/bg.svg"); }
 
-.flag-bh {
+.flag-country-bh {
   background-image: url("../img/flags/bh.svg"); }
 
-.flag-bi {
+.flag-country-bi {
   background-image: url("../img/flags/bi.svg"); }
 
-.flag-bj {
+.flag-country-bj {
   background-image: url("../img/flags/bj.svg"); }
 
-.flag-bl {
+.flag-country-bl {
   background-image: url("../img/flags/bl.svg"); }
 
-.flag-bm {
+.flag-country-bm {
   background-image: url("../img/flags/bm.svg"); }
 
-.flag-bn {
+.flag-country-bn {
   background-image: url("../img/flags/bn.svg"); }
 
-.flag-bo {
+.flag-country-bo {
   background-image: url("../img/flags/bo.svg"); }
 
-.flag-bq {
+.flag-country-bq {
   background-image: url("../img/flags/bq.svg"); }
 
-.flag-br {
+.flag-country-br {
   background-image: url("../img/flags/br.svg"); }
 
-.flag-bs {
+.flag-country-bs {
   background-image: url("../img/flags/bs.svg"); }
 
-.flag-bt {
+.flag-country-bt {
   background-image: url("../img/flags/bt.svg"); }
 
-.flag-bv {
+.flag-country-bv {
   background-image: url("../img/flags/bv.svg"); }
 
-.flag-bw {
+.flag-country-bw {
   background-image: url("../img/flags/bw.svg"); }
 
-.flag-by {
+.flag-country-by {
   background-image: url("../img/flags/by.svg"); }
 
-.flag-bz {
+.flag-country-bz {
   background-image: url("../img/flags/bz.svg"); }
 
-.flag-ca {
+.flag-country-ca {
   background-image: url("../img/flags/ca.svg"); }
 
-.flag-cc {
+.flag-country-cc {
   background-image: url("../img/flags/cc.svg"); }
 
-.flag-cd {
+.flag-country-cd {
   background-image: url("../img/flags/cd.svg"); }
 
-.flag-cf {
+.flag-country-cf {
   background-image: url("../img/flags/cf.svg"); }
 
-.flag-cg {
+.flag-country-cg {
   background-image: url("../img/flags/cg.svg"); }
 
-.flag-ch {
+.flag-country-ch {
   background-image: url("../img/flags/ch.svg"); }
 
-.flag-ci {
+.flag-country-ci {
   background-image: url("../img/flags/ci.svg"); }
 
-.flag-ck {
+.flag-country-ck {
   background-image: url("../img/flags/ck.svg"); }
 
-.flag-cl {
+.flag-country-cl {
   background-image: url("../img/flags/cl.svg"); }
 
-.flag-cm {
+.flag-country-cm {
   background-image: url("../img/flags/cm.svg"); }
 
-.flag-cn {
+.flag-country-cn {
   background-image: url("../img/flags/cn.svg"); }
 
-.flag-co {
+.flag-country-co {
   background-image: url("../img/flags/co.svg"); }
 
-.flag-cr {
+.flag-country-cr {
   background-image: url("../img/flags/cr.svg"); }
 
-.flag-cu {
+.flag-country-cu {
   background-image: url("../img/flags/cu.svg"); }
 
-.flag-cv {
+.flag-country-cv {
   background-image: url("../img/flags/cv.svg"); }
 
-.flag-cw {
+.flag-country-cw {
   background-image: url("../img/flags/cw.svg"); }
 
-.flag-cx {
+.flag-country-cx {
   background-image: url("../img/flags/cx.svg"); }
 
-.flag-cy {
+.flag-country-cy {
   background-image: url("../img/flags/cy.svg"); }
 
-.flag-cz {
+.flag-country-cz {
   background-image: url("../img/flags/cz.svg"); }
 
-.flag-de {
+.flag-country-de {
   background-image: url("../img/flags/de.svg"); }
 
-.flag-dj {
+.flag-country-dj {
   background-image: url("../img/flags/dj.svg"); }
 
-.flag-dk {
+.flag-country-dk {
   background-image: url("../img/flags/dk.svg"); }
 
-.flag-dm {
+.flag-country-dm {
   background-image: url("../img/flags/dm.svg"); }
 
-.flag-do {
+.flag-country-do {
   background-image: url("../img/flags/do.svg"); }
 
-.flag-dz {
+.flag-country-dz {
   background-image: url("../img/flags/dz.svg"); }
 
-.flag-ec {
+.flag-country-ec {
   background-image: url("../img/flags/ec.svg"); }
 
-.flag-ee {
+.flag-country-ee {
   background-image: url("../img/flags/ee.svg"); }
 
-.flag-eg {
+.flag-country-eg {
   background-image: url("../img/flags/eg.svg"); }
 
-.flag-eh {
+.flag-country-eh {
   background-image: url("../img/flags/eh.svg"); }
 
-.flag-er {
+.flag-country-er {
   background-image: url("../img/flags/er.svg"); }
 
-.flag-es {
+.flag-country-es {
   background-image: url("../img/flags/es.svg"); }
 
-.flag-et {
+.flag-country-et {
   background-image: url("../img/flags/et.svg"); }
 
-.flag-fi {
+.flag-country-fi {
   background-image: url("../img/flags/fi.svg"); }
 
-.flag-fj {
+.flag-country-fj {
   background-image: url("../img/flags/fj.svg"); }
 
-.flag-fk {
+.flag-country-fk {
   background-image: url("../img/flags/fk.svg"); }
 
-.flag-fm {
+.flag-country-fm {
   background-image: url("../img/flags/fm.svg"); }
 
-.flag-fo {
+.flag-country-fo {
   background-image: url("../img/flags/fo.svg"); }
 
-.flag-fr {
+.flag-country-fr {
   background-image: url("../img/flags/fr.svg"); }
 
-.flag-ga {
+.flag-country-ga {
   background-image: url("../img/flags/ga.svg"); }
 
-.flag-gb {
+.flag-country-gb {
   background-image: url("../img/flags/gb.svg"); }
 
-.flag-gd {
+.flag-country-gd {
   background-image: url("../img/flags/gd.svg"); }
 
-.flag-ge {
+.flag-country-ge {
   background-image: url("../img/flags/ge.svg"); }
 
-.flag-gf {
+.flag-country-gf {
   background-image: url("../img/flags/gf.svg"); }
 
-.flag-gg {
+.flag-country-gg {
   background-image: url("../img/flags/gg.svg"); }
 
-.flag-gh {
+.flag-country-gh {
   background-image: url("../img/flags/gh.svg"); }
 
-.flag-gi {
+.flag-country-gi {
   background-image: url("../img/flags/gi.svg"); }
 
-.flag-gl {
+.flag-country-gl {
   background-image: url("../img/flags/gl.svg"); }
 
-.flag-gm {
+.flag-country-gm {
   background-image: url("../img/flags/gm.svg"); }
 
-.flag-gn {
+.flag-country-gn {
   background-image: url("../img/flags/gn.svg"); }
 
-.flag-gp {
+.flag-country-gp {
   background-image: url("../img/flags/gp.svg"); }
 
-.flag-gq {
+.flag-country-gq {
   background-image: url("../img/flags/gq.svg"); }
 
-.flag-gr {
+.flag-country-gr {
   background-image: url("../img/flags/gr.svg"); }
 
-.flag-gs {
+.flag-country-gs {
   background-image: url("../img/flags/gs.svg"); }
 
-.flag-gt {
+.flag-country-gt {
   background-image: url("../img/flags/gt.svg"); }
 
-.flag-gu {
+.flag-country-gu {
   background-image: url("../img/flags/gu.svg"); }
 
-.flag-gw {
+.flag-country-gw {
   background-image: url("../img/flags/gw.svg"); }
 
-.flag-gy {
+.flag-country-gy {
   background-image: url("../img/flags/gy.svg"); }
 
-.flag-hk {
+.flag-country-hk {
   background-image: url("../img/flags/hk.svg"); }
 
-.flag-hm {
+.flag-country-hm {
   background-image: url("../img/flags/hm.svg"); }
 
-.flag-hn {
+.flag-country-hn {
   background-image: url("../img/flags/hn.svg"); }
 
-.flag-hr {
+.flag-country-hr {
   background-image: url("../img/flags/hr.svg"); }
 
-.flag-ht {
+.flag-country-ht {
   background-image: url("../img/flags/ht.svg"); }
 
-.flag-hu {
+.flag-country-hu {
   background-image: url("../img/flags/hu.svg"); }
 
-.flag-id {
+.flag-country-id {
   background-image: url("../img/flags/id.svg"); }
 
-.flag-ie {
+.flag-country-ie {
   background-image: url("../img/flags/ie.svg"); }
 
-.flag-il {
+.flag-country-il {
   background-image: url("../img/flags/il.svg"); }
 
-.flag-im {
+.flag-country-im {
   background-image: url("../img/flags/im.svg"); }
 
-.flag-in {
+.flag-country-in {
   background-image: url("../img/flags/in.svg"); }
 
-.flag-io {
+.flag-country-io {
   background-image: url("../img/flags/io.svg"); }
 
-.flag-iq {
+.flag-country-iq {
   background-image: url("../img/flags/iq.svg"); }
 
-.flag-ir {
+.flag-country-ir {
   background-image: url("../img/flags/ir.svg"); }
 
-.flag-is {
+.flag-country-is {
   background-image: url("../img/flags/is.svg"); }
 
-.flag-it {
+.flag-country-it {
   background-image: url("../img/flags/it.svg"); }
 
-.flag-je {
+.flag-country-je {
   background-image: url("../img/flags/je.svg"); }
 
-.flag-jm {
+.flag-country-jm {
   background-image: url("../img/flags/jm.svg"); }
 
-.flag-jo {
+.flag-country-jo {
   background-image: url("../img/flags/jo.svg"); }
 
-.flag-jp {
+.flag-country-jp {
   background-image: url("../img/flags/jp.svg"); }
 
-.flag-ke {
+.flag-country-ke {
   background-image: url("../img/flags/ke.svg"); }
 
-.flag-kg {
+.flag-country-kg {
   background-image: url("../img/flags/kg.svg"); }
 
-.flag-kh {
+.flag-country-kh {
   background-image: url("../img/flags/kh.svg"); }
 
-.flag-ki {
+.flag-country-ki {
   background-image: url("../img/flags/ki.svg"); }
 
-.flag-km {
+.flag-country-km {
   background-image: url("../img/flags/km.svg"); }
 
-.flag-kn {
+.flag-country-kn {
   background-image: url("../img/flags/kn.svg"); }
 
-.flag-kp {
+.flag-country-kp {
   background-image: url("../img/flags/kp.svg"); }
 
-.flag-kr {
+.flag-country-kr {
   background-image: url("../img/flags/kr.svg"); }
 
-.flag-kw {
+.flag-country-kw {
   background-image: url("../img/flags/kw.svg"); }
 
-.flag-ky {
+.flag-country-ky {
   background-image: url("../img/flags/ky.svg"); }
 
-.flag-kz {
+.flag-country-kz {
   background-image: url("../img/flags/kz.svg"); }
 
-.flag-la {
+.flag-country-la {
   background-image: url("../img/flags/la.svg"); }
 
-.flag-lb {
+.flag-country-lb {
   background-image: url("../img/flags/lb.svg"); }
 
-.flag-lc {
+.flag-country-lc {
   background-image: url("../img/flags/lc.svg"); }
 
-.flag-li {
+.flag-country-li {
   background-image: url("../img/flags/li.svg"); }
 
-.flag-lk {
+.flag-country-lk {
   background-image: url("../img/flags/lk.svg"); }
 
-.flag-lr {
+.flag-country-lr {
   background-image: url("../img/flags/lr.svg"); }
 
-.flag-ls {
+.flag-country-ls {
   background-image: url("../img/flags/ls.svg"); }
 
-.flag-lt {
+.flag-country-lt {
   background-image: url("../img/flags/lt.svg"); }
 
-.flag-lu {
+.flag-country-lu {
   background-image: url("../img/flags/lu.svg"); }
 
-.flag-lv {
+.flag-country-lv {
   background-image: url("../img/flags/lv.svg"); }
 
-.flag-ly {
+.flag-country-ly {
   background-image: url("../img/flags/ly.svg"); }
 
-.flag-ma {
+.flag-country-ma {
   background-image: url("../img/flags/ma.svg"); }
 
-.flag-mc {
+.flag-country-mc {
   background-image: url("../img/flags/mc.svg"); }
 
-.flag-md {
+.flag-country-md {
   background-image: url("../img/flags/md.svg"); }
 
-.flag-me {
+.flag-country-me {
   background-image: url("../img/flags/me.svg"); }
 
-.flag-mf {
+.flag-country-mf {
   background-image: url("../img/flags/mf.svg"); }
 
-.flag-mg {
+.flag-country-mg {
   background-image: url("../img/flags/mg.svg"); }
 
-.flag-mh {
+.flag-country-mh {
   background-image: url("../img/flags/mh.svg"); }
 
-.flag-mk {
+.flag-country-mk {
   background-image: url("../img/flags/mk.svg"); }
 
-.flag-ml {
+.flag-country-ml {
   background-image: url("../img/flags/ml.svg"); }
 
-.flag-mm {
+.flag-country-mm {
   background-image: url("../img/flags/mm.svg"); }
 
-.flag-mn {
+.flag-country-mn {
   background-image: url("../img/flags/mn.svg"); }
 
-.flag-mo {
+.flag-country-mo {
   background-image: url("../img/flags/mo.svg"); }
 
-.flag-mp {
+.flag-country-mp {
   background-image: url("../img/flags/mp.svg"); }
 
-.flag-mq {
+.flag-country-mq {
   background-image: url("../img/flags/mq.svg"); }
 
-.flag-mr {
+.flag-country-mr {
   background-image: url("../img/flags/mr.svg"); }
 
-.flag-ms {
+.flag-country-ms {
   background-image: url("../img/flags/ms.svg"); }
 
-.flag-mt {
+.flag-country-mt {
   background-image: url("../img/flags/mt.svg"); }
 
-.flag-mu {
+.flag-country-mu {
   background-image: url("../img/flags/mu.svg"); }
 
-.flag-mv {
+.flag-country-mv {
   background-image: url("../img/flags/mv.svg"); }
 
-.flag-mw {
+.flag-country-mw {
   background-image: url("../img/flags/mw.svg"); }
 
-.flag-mx {
+.flag-country-mx {
   background-image: url("../img/flags/mx.svg"); }
 
-.flag-my {
+.flag-country-my {
   background-image: url("../img/flags/my.svg"); }
 
-.flag-mz {
+.flag-country-mz {
   background-image: url("../img/flags/mz.svg"); }
 
-.flag-na {
+.flag-country-na {
   background-image: url("../img/flags/na.svg"); }
 
-.flag-nc {
+.flag-country-nc {
   background-image: url("../img/flags/nc.svg"); }
 
-.flag-ne {
+.flag-country-ne {
   background-image: url("../img/flags/ne.svg"); }
 
-.flag-nf {
+.flag-country-nf {
   background-image: url("../img/flags/nf.svg"); }
 
-.flag-ng {
+.flag-country-ng {
   background-image: url("../img/flags/ng.svg"); }
 
-.flag-ni {
+.flag-country-ni {
   background-image: url("../img/flags/ni.svg"); }
 
-.flag-nl {
+.flag-country-nl {
   background-image: url("../img/flags/nl.svg"); }
 
-.flag-no {
+.flag-country-no {
   background-image: url("../img/flags/no.svg"); }
 
-.flag-np {
+.flag-country-np {
   background-image: url("../img/flags/np.svg"); }
 
-.flag-nr {
+.flag-country-nr {
   background-image: url("../img/flags/nr.svg"); }
 
-.flag-nu {
+.flag-country-nu {
   background-image: url("../img/flags/nu.svg"); }
 
-.flag-nz {
+.flag-country-nz {
   background-image: url("../img/flags/nz.svg"); }
 
-.flag-om {
+.flag-country-om {
   background-image: url("../img/flags/om.svg"); }
 
-.flag-pa {
+.flag-country-pa {
   background-image: url("../img/flags/pa.svg"); }
 
-.flag-pe {
+.flag-country-pe {
   background-image: url("../img/flags/pe.svg"); }
 
-.flag-pf {
+.flag-country-pf {
   background-image: url("../img/flags/pf.svg"); }
 
-.flag-pg {
+.flag-country-pg {
   background-image: url("../img/flags/pg.svg"); }
 
-.flag-ph {
+.flag-country-ph {
   background-image: url("../img/flags/ph.svg"); }
 
-.flag-pk {
+.flag-country-pk {
   background-image: url("../img/flags/pk.svg"); }
 
-.flag-pl {
+.flag-country-pl {
   background-image: url("../img/flags/pl.svg"); }
 
-.flag-pm {
+.flag-country-pm {
   background-image: url("../img/flags/pm.svg"); }
 
-.flag-pn {
+.flag-country-pn {
   background-image: url("../img/flags/pn.svg"); }
 
-.flag-pr {
+.flag-country-pr {
   background-image: url("../img/flags/pr.svg"); }
 
-.flag-ps {
+.flag-country-ps {
   background-image: url("../img/flags/ps.svg"); }
 
-.flag-pt {
+.flag-country-pt {
   background-image: url("../img/flags/pt.svg"); }
 
-.flag-pw {
+.flag-country-pw {
   background-image: url("../img/flags/pw.svg"); }
 
-.flag-py {
+.flag-country-py {
   background-image: url("../img/flags/py.svg"); }
 
-.flag-qa {
+.flag-country-qa {
   background-image: url("../img/flags/qa.svg"); }
 
-.flag-re {
+.flag-country-re {
   background-image: url("../img/flags/re.svg"); }
 
-.flag-ro {
+.flag-country-ro {
   background-image: url("../img/flags/ro.svg"); }
 
-.flag-rs {
+.flag-country-rs {
   background-image: url("../img/flags/rs.svg"); }
 
-.flag-ru {
+.flag-country-ru {
   background-image: url("../img/flags/ru.svg"); }
 
-.flag-rw {
+.flag-country-rw {
   background-image: url("../img/flags/rw.svg"); }
 
-.flag-sa {
+.flag-country-sa {
   background-image: url("../img/flags/sa.svg"); }
 
-.flag-sb {
+.flag-country-sb {
   background-image: url("../img/flags/sb.svg"); }
 
-.flag-sc {
+.flag-country-sc {
   background-image: url("../img/flags/sc.svg"); }
 
-.flag-sd {
+.flag-country-sd {
   background-image: url("../img/flags/sd.svg"); }
 
-.flag-se {
+.flag-country-se {
   background-image: url("../img/flags/se.svg"); }
 
-.flag-sg {
+.flag-country-sg {
   background-image: url("../img/flags/sg.svg"); }
 
-.flag-sh {
+.flag-country-sh {
   background-image: url("../img/flags/sh.svg"); }
 
-.flag-si {
+.flag-country-si {
   background-image: url("../img/flags/si.svg"); }
 
-.flag-sj {
+.flag-country-sj {
   background-image: url("../img/flags/sj.svg"); }
 
-.flag-sk {
+.flag-country-sk {
   background-image: url("../img/flags/sk.svg"); }
 
-.flag-sl {
+.flag-country-sl {
   background-image: url("../img/flags/sl.svg"); }
 
-.flag-sm {
+.flag-country-sm {
   background-image: url("../img/flags/sm.svg"); }
 
-.flag-sn {
+.flag-country-sn {
   background-image: url("../img/flags/sn.svg"); }
 
-.flag-so {
+.flag-country-so {
   background-image: url("../img/flags/so.svg"); }
 
-.flag-sr {
+.flag-country-sr {
   background-image: url("../img/flags/sr.svg"); }
 
-.flag-ss {
+.flag-country-ss {
   background-image: url("../img/flags/ss.svg"); }
 
-.flag-st {
+.flag-country-st {
   background-image: url("../img/flags/st.svg"); }
 
-.flag-sv {
+.flag-country-sv {
   background-image: url("../img/flags/sv.svg"); }
 
-.flag-sx {
+.flag-country-sx {
   background-image: url("../img/flags/sx.svg"); }
 
-.flag-sy {
+.flag-country-sy {
   background-image: url("../img/flags/sy.svg"); }
 
-.flag-sz {
+.flag-country-sz {
   background-image: url("../img/flags/sz.svg"); }
 
-.flag-tc {
+.flag-country-tc {
   background-image: url("../img/flags/tc.svg"); }
 
-.flag-td {
+.flag-country-td {
   background-image: url("../img/flags/td.svg"); }
 
-.flag-tf {
+.flag-country-tf {
   background-image: url("../img/flags/tf.svg"); }
 
-.flag-tg {
+.flag-country-tg {
   background-image: url("../img/flags/tg.svg"); }
 
-.flag-th {
+.flag-country-th {
   background-image: url("../img/flags/th.svg"); }
 
-.flag-tj {
+.flag-country-tj {
   background-image: url("../img/flags/tj.svg"); }
 
-.flag-tk {
+.flag-country-tk {
   background-image: url("../img/flags/tk.svg"); }
 
-.flag-tl {
+.flag-country-tl {
   background-image: url("../img/flags/tl.svg"); }
 
-.flag-tm {
+.flag-country-tm {
   background-image: url("../img/flags/tm.svg"); }
 
-.flag-tn {
+.flag-country-tn {
   background-image: url("../img/flags/tn.svg"); }
 
-.flag-to {
+.flag-country-to {
   background-image: url("../img/flags/to.svg"); }
 
-.flag-tr {
+.flag-country-tr {
   background-image: url("../img/flags/tr.svg"); }
 
-.flag-tt {
+.flag-country-tt {
   background-image: url("../img/flags/tt.svg"); }
 
-.flag-tv {
+.flag-country-tv {
   background-image: url("../img/flags/tv.svg"); }
 
-.flag-tw {
+.flag-country-tw {
   background-image: url("../img/flags/tw.svg"); }
 
-.flag-tz {
+.flag-country-tz {
   background-image: url("../img/flags/tz.svg"); }
 
-.flag-ua {
+.flag-country-ua {
   background-image: url("../img/flags/ua.svg"); }
 
-.flag-ug {
+.flag-country-ug {
   background-image: url("../img/flags/ug.svg"); }
 
-.flag-um {
+.flag-country-um {
   background-image: url("../img/flags/um.svg"); }
 
-.flag-us {
+.flag-country-us {
   background-image: url("../img/flags/us.svg"); }
 
-.flag-uy {
+.flag-country-uy {
   background-image: url("../img/flags/uy.svg"); }
 
-.flag-uz {
+.flag-country-uz {
   background-image: url("../img/flags/uz.svg"); }
 
-.flag-va {
+.flag-country-va {
   background-image: url("../img/flags/va.svg"); }
 
-.flag-vc {
+.flag-country-vc {
   background-image: url("../img/flags/vc.svg"); }
 
-.flag-ve {
+.flag-country-ve {
   background-image: url("../img/flags/ve.svg"); }
 
-.flag-vg {
+.flag-country-vg {
   background-image: url("../img/flags/vg.svg"); }
 
-.flag-vi {
+.flag-country-vi {
   background-image: url("../img/flags/vi.svg"); }
 
-.flag-vn {
+.flag-country-vn {
   background-image: url("../img/flags/vn.svg"); }
 
-.flag-vu {
+.flag-country-vu {
   background-image: url("../img/flags/vu.svg"); }
 
-.flag-wf {
+.flag-country-wf {
   background-image: url("../img/flags/wf.svg"); }
 
-.flag-ws {
+.flag-country-ws {
   background-image: url("../img/flags/ws.svg"); }
 
-.flag-ye {
+.flag-country-ye {
   background-image: url("../img/flags/ye.svg"); }
 
-.flag-yt {
+.flag-country-yt {
   background-image: url("../img/flags/yt.svg"); }
 
-.flag-za {
+.flag-country-za {
   background-image: url("../img/flags/za.svg"); }
 
-.flag-zm {
+.flag-country-zm {
   background-image: url("../img/flags/zm.svg"); }
 
-.flag-zw {
+.flag-country-zw {
   background-image: url("../img/flags/zw.svg"); }
 
-.flag-es-ct {
+.flag-country-es-ct {
   background-image: url("../img/flags/es-ct.svg"); }
 
-.flag-eu {
+.flag-country-eu {
   background-image: url("../img/flags/eu.svg"); }
 
-.flag-gb-eng {
+.flag-country-gb-eng {
   background-image: url("../img/flags/gb-eng.svg"); }
 
-.flag-gb-nir {
+.flag-country-gb-nir {
   background-image: url("../img/flags/gb-nir.svg"); }
 
-.flag-gb-sct {
+.flag-country-gb-sct {
   background-image: url("../img/flags/gb-sct.svg"); }
 
-.flag-gb-wls {
+.flag-country-gb-wls {
   background-image: url("../img/flags/gb-wls.svg"); }
 
-.flag-un {
+.flag-country-un {
   background-image: url("../img/flags/un.svg"); }
 
-.flag-size-md {
+.flag-md {
   width: 2.66666rem;
   height: 2rem; }
 
-.flag-size-lg {
+.flag-lg {
   width: 3.99999rem;
   height: 3rem; }
 
-.flag-size-xl {
+.flag-xl {
   width: 5.33332rem;
   height: 4rem; }
 /*# sourceMappingURL=tabler-flags.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-flags.css.map b/demo/dist/css/tabler-flags.css.map
index cd7fb4475d97b1fbbd27b186f434801a4cd057a4..db79c5a054c435c7eefba7bed7026acfabb18d1b 100644
GIT binary patch
delta 4651
zcmY*dYiyfm6_z_no6?G95GO5Z;#}(_uah`Qoit9GI<dQ4+dB7q=F4Y0v6DETZ_Ose
zHdPypiZ#5O7*v84Hcc=I+8J$tkXWaoX#;8NxWf;qfT5vDw2X@;Cg6LI8$ZYYqUSs3
zdCvQs^In{1zrN>{?4GM-rURLQf!Qgi$2~Wltu<N84z*2=36IO=aynh^PWkD>rH48g
zazY^{NA}6XKiOl}!+xLjc)PGTI)tUGO;}o+?T!W+F0U;LY^FAn`nJs{uh$Fty>jz`
zJfg{Kl|p`4Ub62FB=0`z#^*47e)wn!<JhSd^3|h^BSt~{D|paDok9**nDeYF6>di1
zZ5Q&b3Pzz5#V0E{MX_7R=}I$8+Zq+}%atJgcBMNnaJ!O~eV*t77EX7&QOIX4(DeJ{
z%^D%!wUp$S>-Q5Rs^G?{D$x2h`usu_X#MiWq>%rpVzglj>Z)e65rQ752JPe3jCPGa
zn`&4_j39RnS5lTfQUgEy@|sh~*9#C|g^&kp;ZRjA)6t1k)^bv1@-J#RsWQ2&jx8un
zX^VBJK3<1r8kY45d9#jFD64DhON;J|UBD-ctwKiX&3Pn1$n*8)kLF_JkLo@9cf-lk
z)?>&IQ*`ne@*{-2bj*w-HI^S7D+N&1B4m%XbXUP^WeUp6SF9{pS-H2NY+r7p1f()@
zumL6LBzUnQU+~inp8RUk^zoiX)R!S-iXrC-d8(0Btc?3@W4^$@HKJERO}d1Tz9!5>
zaE+j6n$W(WRBL>v3El^#T3LhOh+0ZaU?v_C(9r_Yv@GQN0y>&Tki*8HFhScKiV*Ze
z8>Zqd8>T{&YOq|*s6&%#ur4qpBvs2^YsRRB){K4IBoDNp*vb}=hG=n@T0k12KK-nP
zQK*xoNt#;$g?)0XRmk~Pl)BN1gX3B&><AlG8lg3IcpRo_)a;BeOhMnY!=P}4p!e)~
zi7&P>));-&+c>N0(|6mj6yu~dM)2PSh-*;D?sk}Qww;mcM0&lQlPc5i>fofx^wS-z
z_!Ol*){(DNezgN;-0Xne5t^>?<DiRB1D-5ERMo#e4uMFn0iSZ9>{bUSy=vSyR~#T+
zrAz5g4p6LW@<x}C)=n6_8Y3v$iLyV_3D#9I?^Y*gRb$`Y#SwMuq`S=fcP~G=vuu;!
zF9=Zve%OW5i%-DuHFZ}u$%jvXbBzr7aRH)q_jmIc)y9!-klxn~(x|budWC$u8*7ak
zTg!k-oak(nw#tkXtWi?_iW98gal((NRGO9^cpBA-G}yy*G6X%>!*$e|^llH=QHQzc
zg^sHi)yIrG$gt#vUI@hk1pTuY95JfC>m*0i!S%pNuwFWe>SJ_xnEH6UnqzkXqUPw)
zJ|>(d;Wzp~`ujeVy6%&9myq65Fkn4E&=aR%z&Z`%FHeDXU8A5QE*_*V{Y4jqwp>go
zLJ5B?NKnhI>u0Pn3R>;wtm;U3z8|bF_rsHQI_c~K@MN8OoGd`pgugVvWOS1G&j7Z~
z$K9M%+4`WHC8Q|fRX1}fP0&6MgE9mSdqBJF!69<R!zI-G+;bWd8$RmO6o+y%^Av}2
zo9%a}VaKi0FnL2gOq-<dUih&=Q})cgOi4XVo8(^#g4FhG90Y6MAY;v)T~`M=tD3X-
z3lOy;#}HyRX)kUMf%FSQaO1`h+=$a<(m#wE<6*foWW4K!;ch%a(CfpPjW`{}9~*&!
zWrVY;$=Mk}MR7V0e?G!=bRsPq<)p@GXNt?MIka(e6mG;blyb8mMV${dW8mG&bu+{u
zU6a?xg#6YRq;#6z_r_4a=?sMQ6eT3izym!)(2ER8_~dP`@x<ehpP-(zSirfn@FhW;
z`TAK@o6sm>?>Q(X!UPR+C_>QZ&w=)9=TL59jXoRi_54qh1odaa%amdi^d&D3Qf>N;
z7i~&Vo65&wi+!Bw=tS|2aZaHws6UT$3blo;6HGZxX|V}Z|KJ2SMYZtu1gB5~-7yJ@
zWI$F;3weGL%1QF_2a_oE%}JD+3{!$@3ce<d=Yzp<fkSHqy*9;Z)yY^i4cdxnY#rY;
z>Q0hZZ%?D{Bn?%`469owfw>tjp!~T!1A(hEtnLgYRL}AR<wkH8tf}0HKgXfm@$=VN
z(Ee{0wWjC-i_f9f6#Yud79dLJUvtn&`=oc?c<{}macAaX#?CzIPKPP<t_9ScrsL1E
z08QgQG~Q;PU0@0+O8e;o6#lS)vW*`t#&mfXk+7XRg`Zdi>o&dPf5n3C&-rs?31+k`
zq1O8|bP7McWInk2@X`{t0MWd&bU6P5{=Z9Dt7~~Qk6&CKJ+zw`_S+J<%%YVe9L?n3
z43jHI@_RBx%fGy0mM^Y!%D=C4W}EMGAIQ^gtzF5MMnBjqNAw<f_twGD_0{v%TK{Hn
z+ZNc2ZR)~O6AFdYe^crjELA}*<V(ep&czKQL=S3uE~wi=|8*%yQ~!0z4sGo*Wgpew
zEG~|3#y8WNZY19MOTPR$Yj*s?8~aRMvf^UtCjt>I5Vfst#8XKd{jCKl#CEa#BSnez
U#p-U0z4^Gj^|(VmcIoo}0a`|@(EtDd

delta 2544
zcmZ`)TWnm_71cd*NDD~CY0q|&I?0S*aXi=dOzgytC$E{~apFvjAF-48kvKD+I}<-9
z9?$i7JkyUhX;o<91G1@j^aGMMZHoHQWDtUiA|QZ3AOWGG4<WTFP@%RTq)-8+QoHxQ
z{pe5s)?RDB&$;KmP*ImIs$Z<PZZAbmZ+A2t>y7P-R_d(g_5JSXfE|lOBH?hPcXf0m
z9E+HkJsXWgTyl$;<)}Sw3jgC%{y#p&3T}8!t*uWvPRQxP<=O^(tk$T6gG)XeH*C@>
zkrtTRr19(~V<pfZwej;!K<KSL8+$hcCO0#GrNzeIZw8fEl7OZyn#jmW8*^KTbcK9I
zNUO=lTYN+ogdFi{T=Y@VRWU#GQPHx%4!_1Bzfs8~`WtP0)vv82UZ}P4t95{(Iug<%
zJYL5_qTR+%NLW{I$l^A?Uk@rdCob>QvkQ0ZYalW!<U#|J&v)DSWCIZ55v)eQEsdOk
zdw;NzoLzB#uTh_GqLM3Om726l76rc8r11tTWicnV0uK9a{PETrytdUyzdg-0RvO>h
zX5)98K^lFtxduZ+Hhz6ujkKEHR%6YJ$JK2heg2D>tS|>#K$<+?vL3ItM5VFjK#f%p
zbvXcdK47e(Shw0>tqK~m0bSczWwHKhYn5{FY@3ZcTM5nyJj-xi;Oh*t0&Ci|m6By7
z+5o@VW-JPf+xTf4D2H!G0Hf`Ir`lQIA%5Eqgm_=|LBL3mc|PQ)gFs{RNmPXZ>q17Q
z=Oz4+5U6xk;0Gc0;mrrPGvX}YAe50MzPue&CW)aA8`pJcBKh>EI*6poL|*RDDw7uY
zafik`It}@7OLup23NHP2C*aLaqcT}>o7=%@_{^W!0eF1}2}>fxce23cf3TDCyF%U&
zl4l8Y5m^wj*hNK)0$=FT_=hf|PJ445>jrh&o9kjX;B(!^IxQ)?cL5>J^X*-L7j_wI
zRz}&-18Ua6`*+*u^k_WSW7KR`%rAO0`EZ}HFc9Jm-4`bBC6V6^v&`K#?IzL{GQXQi
zuJR0#bKX&{-9ympX=D#zZjVuOIa&ROq|AFx9ee50?lp7;d3mqy1wy>Muk8cezK?nC
z<netJ;Klx9AG>h<{ref^=()IOKglIY{SHI^hy&=4fVCipxex)hK;Kow#-}2hNWN4m
z3h0X(wLsZOcsR-e=Y5X^%NVkFppv23g1Ee7H2%p@L`lraUQOQ#e{q+3fe<JCs2A|r
z%$M+TZ6k(bpt26$jM;csOsi~K;Pn_s@sm;8$5A|XrjI=5MXvN|e6!D}Y*x(v1MJN!
zzyp9+4v>%&q2(ZDToPC~sPX(kQd}`_>*o+|eXO6-7KFUePwp!M|HiN=u<H=PRe|RY
zX?*k$B`J%!KCZ1ZGFvhZ_^r56XT0<JEDq`nzsvzNhv`K*Y{-uf?01KO5WjN`1Ax&1
zitrBXmjf*DV%OYBvHbJ~aEPIIOg|*J=v|XP-w9Sus)hyu2M3MHrEz%B##aV43B0s*
zLx8~{66Qtt*$@j{^<xsMhYeZ0t?vzUCNBExVZgr&&nuZ50hKFC=#wK_<w^prBidS$
zy742R^7Mv`(hE#vUT*)5BY^)tVpP5$!s@72`J%vUqZ<D>YLrV)_;DM@$F$|jJ^0ZW
zy_{ntI3n~MWr6$u&QZXNM-5rLw2j9=xpU%@KBkpBFYwAS_U56!U_C43f#Xc_Z1*1r
zLi}02D~PAuI!=y6QWNgD#{0&p^op2Yo}j#|0!Jq_E=`b97V|F?+FF)wJ0}50CXHH7
zW8#F3uT8SR-RdbI#8>px6sYAnk$*m=)$+W+Pp8<EJB^$GoIYX5;ue2%g5$Wwx|4wW
zPcqNzf9fP<S&`7HX^sAAs#zBEk!el875<psp9WN?j4F6{qI?Qefq&uwe2Jm=nctBh
z=-r>m1XwE)`4d6>8Qx3)ekEy$=PB+=vIp<`dJ^!Xq){sctWMfEJEK+6yUdjt`uWWm
zRr0QRe+sOUwERE{@M_Aave!<F1N39#N2lOGmE*R~h}Sh|gL1s9U7ZGOPsj0GI=&{8
zY;`?{TQVD~$f9dwT5&wHk%r|(UCuz2J6m?}SD9`PeDYsV37n4IimUm@gs#-M|6GFu
zrQ2H@GWkTQwJR9(`BP3hQCL_GPn~H<F6L8CzIA4CVKLw1^L#pk!OEqQvaq_eyYkcW
f8`YJ{y)Um_)3qb-WGl}-&|HOgKePwyAAa;dVk}sw

diff --git a/demo/dist/css/tabler-flags.min.css b/demo/dist/css/tabler-flags.min.css
index efae23e0c..cbb83349f 100644
--- a/demo/dist/css/tabler-flags.min.css
+++ b/demo/dist/css/tabler-flags.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * 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 #dee1e7;border-radius:3px}.flag-ad{background-image:url(../img/flags/ad.svg)}.flag-ae{background-image:url(../img/flags/ae.svg)}.flag-af{background-image:url(../img/flags/af.svg)}.flag-ag{background-image:url(../img/flags/ag.svg)}.flag-ai{background-image:url(../img/flags/ai.svg)}.flag-al{background-image:url(../img/flags/al.svg)}.flag-am{background-image:url(../img/flags/am.svg)}.flag-ao{background-image:url(../img/flags/ao.svg)}.flag-aq{background-image:url(../img/flags/aq.svg)}.flag-ar{background-image:url(../img/flags/ar.svg)}.flag-as{background-image:url(../img/flags/as.svg)}.flag-at{background-image:url(../img/flags/at.svg)}.flag-au{background-image:url(../img/flags/au.svg)}.flag-aw{background-image:url(../img/flags/aw.svg)}.flag-ax{background-image:url(../img/flags/ax.svg)}.flag-az{background-image:url(../img/flags/az.svg)}.flag-ba{background-image:url(../img/flags/ba.svg)}.flag-bb{background-image:url(../img/flags/bb.svg)}.flag-bd{background-image:url(../img/flags/bd.svg)}.flag-be{background-image:url(../img/flags/be.svg)}.flag-bf{background-image:url(../img/flags/bf.svg)}.flag-bg{background-image:url(../img/flags/bg.svg)}.flag-bh{background-image:url(../img/flags/bh.svg)}.flag-bi{background-image:url(../img/flags/bi.svg)}.flag-bj{background-image:url(../img/flags/bj.svg)}.flag-bl{background-image:url(../img/flags/bl.svg)}.flag-bm{background-image:url(../img/flags/bm.svg)}.flag-bn{background-image:url(../img/flags/bn.svg)}.flag-bo{background-image:url(../img/flags/bo.svg)}.flag-bq{background-image:url(../img/flags/bq.svg)}.flag-br{background-image:url(../img/flags/br.svg)}.flag-bs{background-image:url(../img/flags/bs.svg)}.flag-bt{background-image:url(../img/flags/bt.svg)}.flag-bv{background-image:url(../img/flags/bv.svg)}.flag-bw{background-image:url(../img/flags/bw.svg)}.flag-by{background-image:url(../img/flags/by.svg)}.flag-bz{background-image:url(../img/flags/bz.svg)}.flag-ca{background-image:url(../img/flags/ca.svg)}.flag-cc{background-image:url(../img/flags/cc.svg)}.flag-cd{background-image:url(../img/flags/cd.svg)}.flag-cf{background-image:url(../img/flags/cf.svg)}.flag-cg{background-image:url(../img/flags/cg.svg)}.flag-ch{background-image:url(../img/flags/ch.svg)}.flag-ci{background-image:url(../img/flags/ci.svg)}.flag-ck{background-image:url(../img/flags/ck.svg)}.flag-cl{background-image:url(../img/flags/cl.svg)}.flag-cm{background-image:url(../img/flags/cm.svg)}.flag-cn{background-image:url(../img/flags/cn.svg)}.flag-co{background-image:url(../img/flags/co.svg)}.flag-cr{background-image:url(../img/flags/cr.svg)}.flag-cu{background-image:url(../img/flags/cu.svg)}.flag-cv{background-image:url(../img/flags/cv.svg)}.flag-cw{background-image:url(../img/flags/cw.svg)}.flag-cx{background-image:url(../img/flags/cx.svg)}.flag-cy{background-image:url(../img/flags/cy.svg)}.flag-cz{background-image:url(../img/flags/cz.svg)}.flag-de{background-image:url(../img/flags/de.svg)}.flag-dj{background-image:url(../img/flags/dj.svg)}.flag-dk{background-image:url(../img/flags/dk.svg)}.flag-dm{background-image:url(../img/flags/dm.svg)}.flag-do{background-image:url(../img/flags/do.svg)}.flag-dz{background-image:url(../img/flags/dz.svg)}.flag-ec{background-image:url(../img/flags/ec.svg)}.flag-ee{background-image:url(../img/flags/ee.svg)}.flag-eg{background-image:url(../img/flags/eg.svg)}.flag-eh{background-image:url(../img/flags/eh.svg)}.flag-er{background-image:url(../img/flags/er.svg)}.flag-es{background-image:url(../img/flags/es.svg)}.flag-et{background-image:url(../img/flags/et.svg)}.flag-fi{background-image:url(../img/flags/fi.svg)}.flag-fj{background-image:url(../img/flags/fj.svg)}.flag-fk{background-image:url(../img/flags/fk.svg)}.flag-fm{background-image:url(../img/flags/fm.svg)}.flag-fo{background-image:url(../img/flags/fo.svg)}.flag-fr{background-image:url(../img/flags/fr.svg)}.flag-ga{background-image:url(../img/flags/ga.svg)}.flag-gb{background-image:url(../img/flags/gb.svg)}.flag-gd{background-image:url(../img/flags/gd.svg)}.flag-ge{background-image:url(../img/flags/ge.svg)}.flag-gf{background-image:url(../img/flags/gf.svg)}.flag-gg{background-image:url(../img/flags/gg.svg)}.flag-gh{background-image:url(../img/flags/gh.svg)}.flag-gi{background-image:url(../img/flags/gi.svg)}.flag-gl{background-image:url(../img/flags/gl.svg)}.flag-gm{background-image:url(../img/flags/gm.svg)}.flag-gn{background-image:url(../img/flags/gn.svg)}.flag-gp{background-image:url(../img/flags/gp.svg)}.flag-gq{background-image:url(../img/flags/gq.svg)}.flag-gr{background-image:url(../img/flags/gr.svg)}.flag-gs{background-image:url(../img/flags/gs.svg)}.flag-gt{background-image:url(../img/flags/gt.svg)}.flag-gu{background-image:url(../img/flags/gu.svg)}.flag-gw{background-image:url(../img/flags/gw.svg)}.flag-gy{background-image:url(../img/flags/gy.svg)}.flag-hk{background-image:url(../img/flags/hk.svg)}.flag-hm{background-image:url(../img/flags/hm.svg)}.flag-hn{background-image:url(../img/flags/hn.svg)}.flag-hr{background-image:url(../img/flags/hr.svg)}.flag-ht{background-image:url(../img/flags/ht.svg)}.flag-hu{background-image:url(../img/flags/hu.svg)}.flag-id{background-image:url(../img/flags/id.svg)}.flag-ie{background-image:url(../img/flags/ie.svg)}.flag-il{background-image:url(../img/flags/il.svg)}.flag-im{background-image:url(../img/flags/im.svg)}.flag-in{background-image:url(../img/flags/in.svg)}.flag-io{background-image:url(../img/flags/io.svg)}.flag-iq{background-image:url(../img/flags/iq.svg)}.flag-ir{background-image:url(../img/flags/ir.svg)}.flag-is{background-image:url(../img/flags/is.svg)}.flag-it{background-image:url(../img/flags/it.svg)}.flag-je{background-image:url(../img/flags/je.svg)}.flag-jm{background-image:url(../img/flags/jm.svg)}.flag-jo{background-image:url(../img/flags/jo.svg)}.flag-jp{background-image:url(../img/flags/jp.svg)}.flag-ke{background-image:url(../img/flags/ke.svg)}.flag-kg{background-image:url(../img/flags/kg.svg)}.flag-kh{background-image:url(../img/flags/kh.svg)}.flag-ki{background-image:url(../img/flags/ki.svg)}.flag-km{background-image:url(../img/flags/km.svg)}.flag-kn{background-image:url(../img/flags/kn.svg)}.flag-kp{background-image:url(../img/flags/kp.svg)}.flag-kr{background-image:url(../img/flags/kr.svg)}.flag-kw{background-image:url(../img/flags/kw.svg)}.flag-ky{background-image:url(../img/flags/ky.svg)}.flag-kz{background-image:url(../img/flags/kz.svg)}.flag-la{background-image:url(../img/flags/la.svg)}.flag-lb{background-image:url(../img/flags/lb.svg)}.flag-lc{background-image:url(../img/flags/lc.svg)}.flag-li{background-image:url(../img/flags/li.svg)}.flag-lk{background-image:url(../img/flags/lk.svg)}.flag-lr{background-image:url(../img/flags/lr.svg)}.flag-ls{background-image:url(../img/flags/ls.svg)}.flag-lt{background-image:url(../img/flags/lt.svg)}.flag-lu{background-image:url(../img/flags/lu.svg)}.flag-lv{background-image:url(../img/flags/lv.svg)}.flag-ly{background-image:url(../img/flags/ly.svg)}.flag-ma{background-image:url(../img/flags/ma.svg)}.flag-mc{background-image:url(../img/flags/mc.svg)}.flag-md{background-image:url(../img/flags/md.svg)}.flag-me{background-image:url(../img/flags/me.svg)}.flag-mf{background-image:url(../img/flags/mf.svg)}.flag-mg{background-image:url(../img/flags/mg.svg)}.flag-mh{background-image:url(../img/flags/mh.svg)}.flag-mk{background-image:url(../img/flags/mk.svg)}.flag-ml{background-image:url(../img/flags/ml.svg)}.flag-mm{background-image:url(../img/flags/mm.svg)}.flag-mn{background-image:url(../img/flags/mn.svg)}.flag-mo{background-image:url(../img/flags/mo.svg)}.flag-mp{background-image:url(../img/flags/mp.svg)}.flag-mq{background-image:url(../img/flags/mq.svg)}.flag-mr{background-image:url(../img/flags/mr.svg)}.flag-ms{background-image:url(../img/flags/ms.svg)}.flag-mt{background-image:url(../img/flags/mt.svg)}.flag-mu{background-image:url(../img/flags/mu.svg)}.flag-mv{background-image:url(../img/flags/mv.svg)}.flag-mw{background-image:url(../img/flags/mw.svg)}.flag-mx{background-image:url(../img/flags/mx.svg)}.flag-my{background-image:url(../img/flags/my.svg)}.flag-mz{background-image:url(../img/flags/mz.svg)}.flag-na{background-image:url(../img/flags/na.svg)}.flag-nc{background-image:url(../img/flags/nc.svg)}.flag-ne{background-image:url(../img/flags/ne.svg)}.flag-nf{background-image:url(../img/flags/nf.svg)}.flag-ng{background-image:url(../img/flags/ng.svg)}.flag-ni{background-image:url(../img/flags/ni.svg)}.flag-nl{background-image:url(../img/flags/nl.svg)}.flag-no{background-image:url(../img/flags/no.svg)}.flag-np{background-image:url(../img/flags/np.svg)}.flag-nr{background-image:url(../img/flags/nr.svg)}.flag-nu{background-image:url(../img/flags/nu.svg)}.flag-nz{background-image:url(../img/flags/nz.svg)}.flag-om{background-image:url(../img/flags/om.svg)}.flag-pa{background-image:url(../img/flags/pa.svg)}.flag-pe{background-image:url(../img/flags/pe.svg)}.flag-pf{background-image:url(../img/flags/pf.svg)}.flag-pg{background-image:url(../img/flags/pg.svg)}.flag-ph{background-image:url(../img/flags/ph.svg)}.flag-pk{background-image:url(../img/flags/pk.svg)}.flag-pl{background-image:url(../img/flags/pl.svg)}.flag-pm{background-image:url(../img/flags/pm.svg)}.flag-pn{background-image:url(../img/flags/pn.svg)}.flag-pr{background-image:url(../img/flags/pr.svg)}.flag-ps{background-image:url(../img/flags/ps.svg)}.flag-pt{background-image:url(../img/flags/pt.svg)}.flag-pw{background-image:url(../img/flags/pw.svg)}.flag-py{background-image:url(../img/flags/py.svg)}.flag-qa{background-image:url(../img/flags/qa.svg)}.flag-re{background-image:url(../img/flags/re.svg)}.flag-ro{background-image:url(../img/flags/ro.svg)}.flag-rs{background-image:url(../img/flags/rs.svg)}.flag-ru{background-image:url(../img/flags/ru.svg)}.flag-rw{background-image:url(../img/flags/rw.svg)}.flag-sa{background-image:url(../img/flags/sa.svg)}.flag-sb{background-image:url(../img/flags/sb.svg)}.flag-sc{background-image:url(../img/flags/sc.svg)}.flag-sd{background-image:url(../img/flags/sd.svg)}.flag-se{background-image:url(../img/flags/se.svg)}.flag-sg{background-image:url(../img/flags/sg.svg)}.flag-sh{background-image:url(../img/flags/sh.svg)}.flag-si{background-image:url(../img/flags/si.svg)}.flag-sj{background-image:url(../img/flags/sj.svg)}.flag-sk{background-image:url(../img/flags/sk.svg)}.flag-sl{background-image:url(../img/flags/sl.svg)}.flag-sm{background-image:url(../img/flags/sm.svg)}.flag-sn{background-image:url(../img/flags/sn.svg)}.flag-so{background-image:url(../img/flags/so.svg)}.flag-sr{background-image:url(../img/flags/sr.svg)}.flag-ss{background-image:url(../img/flags/ss.svg)}.flag-st{background-image:url(../img/flags/st.svg)}.flag-sv{background-image:url(../img/flags/sv.svg)}.flag-sx{background-image:url(../img/flags/sx.svg)}.flag-sy{background-image:url(../img/flags/sy.svg)}.flag-sz{background-image:url(../img/flags/sz.svg)}.flag-tc{background-image:url(../img/flags/tc.svg)}.flag-td{background-image:url(../img/flags/td.svg)}.flag-tf{background-image:url(../img/flags/tf.svg)}.flag-tg{background-image:url(../img/flags/tg.svg)}.flag-th{background-image:url(../img/flags/th.svg)}.flag-tj{background-image:url(../img/flags/tj.svg)}.flag-tk{background-image:url(../img/flags/tk.svg)}.flag-tl{background-image:url(../img/flags/tl.svg)}.flag-tm{background-image:url(../img/flags/tm.svg)}.flag-tn{background-image:url(../img/flags/tn.svg)}.flag-to{background-image:url(../img/flags/to.svg)}.flag-tr{background-image:url(../img/flags/tr.svg)}.flag-tt{background-image:url(../img/flags/tt.svg)}.flag-tv{background-image:url(../img/flags/tv.svg)}.flag-tw{background-image:url(../img/flags/tw.svg)}.flag-tz{background-image:url(../img/flags/tz.svg)}.flag-ua{background-image:url(../img/flags/ua.svg)}.flag-ug{background-image:url(../img/flags/ug.svg)}.flag-um{background-image:url(../img/flags/um.svg)}.flag-us{background-image:url(../img/flags/us.svg)}.flag-uy{background-image:url(../img/flags/uy.svg)}.flag-uz{background-image:url(../img/flags/uz.svg)}.flag-va{background-image:url(../img/flags/va.svg)}.flag-vc{background-image:url(../img/flags/vc.svg)}.flag-ve{background-image:url(../img/flags/ve.svg)}.flag-vg{background-image:url(../img/flags/vg.svg)}.flag-vi{background-image:url(../img/flags/vi.svg)}.flag-vn{background-image:url(../img/flags/vn.svg)}.flag-vu{background-image:url(../img/flags/vu.svg)}.flag-wf{background-image:url(../img/flags/wf.svg)}.flag-ws{background-image:url(../img/flags/ws.svg)}.flag-ye{background-image:url(../img/flags/ye.svg)}.flag-yt{background-image:url(../img/flags/yt.svg)}.flag-za{background-image:url(../img/flags/za.svg)}.flag-zm{background-image:url(../img/flags/zm.svg)}.flag-zw{background-image:url(../img/flags/zw.svg)}.flag-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-eu{background-image:url(../img/flags/eu.svg)}.flag-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-un{background-image:url(../img/flags/un.svg)}.flag-size-md{width:2.66666rem;height:2rem}.flag-size-lg{width:3.99999rem;height:3rem}.flag-size-xl{width:5.33332rem;height:4rem}
+ */.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(53,64,82,.16);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}
 /*# sourceMappingURL=tabler-flags.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-flags.min.css.map b/demo/dist/css/tabler-flags.min.css.map
index 572eac6bb0ed62d9f5f920e52faaab1ead839504..3fbf0e1e0e987e2bdad2ae4ac3b07e083fe42831 100644
GIT binary patch
literal 7966
zcmeI1QE%He6h{Aw=H($REW2HYVRc{XWC;+oT`{!79_C_@D4Jp<QmRNfb&CA=k@8XM
zrRc+kJ<14tY4Y;kb3cj>L4Tg@Wao5aXRBxPnQQt^NH<&kIa@52;m--@mOjgC*`?b$
zQ*IG^X7l6WUN8ST8v8Jx*~|<<LepeztE~zlXY25K5nt=`>g;0vW_^A!e;4|~+xdF_
zTWn>q^(MA{kFB?{broAOwqC_nb#_1849&N(R}IY&@_thA9|D=P*eMQ?uGVuMK3~N5
z;IKbi|8hC?OlnL|!n6yfT`=u}X%|epVA=)KE|_+~v<s$PFzteA7ficg+6DjfE(q5)
z_ct&<e&Yt_<B`u#gU^5Kd2rkF>M~w7#k;3)`}4>BZPBas<-Z#U7hqhKoj2A?>*I~t
z^6_^Yn><e557%YMWxOs+PIpfh&lgV~4I}4GyYI9ree%PTr$49R?RoOPl;ezb@5`oh
z-*gpCAw^c3!Qr(Q(mGiry)9&yyt#UxoR;3VZna!0?aMx2h{kYtH=4X|@}<d~m)-L9
z)%nG*?=A+i<;HI8OKsYw^T}o=8oSkMGkbB|8Ls(;TfU(?2=G#GlM^Ma>@qJ8mxIaY
zfR>zyrnkP+(yfxy*pY;gS+SYTqm|e#Hl!K)HMYhYY=ixX?XV8(u|4(%`w4q{uz7~f
zv5{wl%Yn*)%7MyDoPo=)`3z(ZWNzsPHU~BbHU~BbHs9e7Y`*6+up+{aa6%jg1quov
z1&{(r0i>w#2T}kjfD}Lq-~`GEpaf6?1qE;dxFU)*!WAe|khCCKL6U+=k|HEZOW-B&
z5*Ue65~a2jwI$D%JX`W?$+Km?I#y1x)(Yhm$rTDJAQTXaWD4aJNfgSd_Mog{dDWN{
zXa%%FQH7EU1<MFODpwM`BzQ@%k{~5PH1HaD4V-4aX1+!V4V)&P22K<AnmE_Yzh>Tb
zEN+CWaH>$KLZJ$UDkfJXuTZ8UX+`A~l~+6lHM_88WojOanz%K~TN9@SzK-xCT#Yg{
z4{S{mLvTY-gK~yq49jjP%21RcsX<voafady3K@ztC~SZ<5pskx$ZUW#KpGS=>?$)t
zql^XK0&jt~KwF?KN?Bkna27ZVlqJ87@kh9Z%36}OBxy;~lB7kM7G+wJwc~u0X-U?y
zOfAK?6x&kdNAh*#>wpgb>%PEs5O+*=OmaLc4rLt6>Imk5c0fB6a(rbtif|O+D8f;M
z1IAH|qZoJm%sH0Pv3!oo9Lwi{^T2r&^}u=HJWw7e50nSW1LcA8KzWq)aQG<FxU3$C
z9>sc+_5|&zs0X^oe~14L_#KMwn7>2G9Z)+~=!W8Mh`VRr9?07mcZ9nI;+AEVE*1Dm
z;;B59<MSQbcKqrJZ8!Rc_RaWh&<CCv{!uueM7xORlEc{}N!rF~AAZkVC7rA@uXi$d
z#WP5uU0Y}SRibUJtxUsNNK}m7=)#w)<f$~_{PuM5EWQ{jWjwGAWAua{OuY{0ur#Z+
z3VG6J?I(uvOjN21$DbnYWGk~U&o(r_cKL!Dj&k8h_O*x8w{n$;CZrq(n=Typ0#5rW
zaZRm@<Rl-uQqk1SKfTf}D|8=DVI$z(L9drG6XkeJ+Xp?yb~v()G7g%CnDHdHPrv`n
zp>BUSIwZ+avD#!Rfc9N|x|s#%%sJ^@nrBYlEwxdHljHIz%)-T|EUsW&n*cVvMFU-2
q(=^sUPfns4Fz-7baE8G5Lq~)x>tX)Gg-w!iX@~I#B!Ou5;qGr)$D*A8

literal 7706
zcmeI1U2oeq6o&r_=j9?R{L!w%u(~&OvjiyGt|;1J7?xs?D4Jp<QmRNfb&CA=k@BO|
zZMTaJyOa_5F#I^@IWKAXg!wqzsm`0m&DIa+GvD-`RDQPpW42tb;*Xc!uR@mBs#|R9
zO#5Z(naz)fd$aoUXzbm5<}y1tiA|fet#LZKoNeOkae8ges;B4kmz%Tm`J31m-_ADk
z*Qu4I*2~oTHML%)*0a=7sr5Xys;76u&Cq<6diBtZF7Fn_`Gcd^sZSmpJsV=3&&@D<
z|8(>7MG8K3OnPkQ({Y$S4b#J5dKOO4!s%H!RR&XGG}VPuot*w`nCil*E}ZJZsV@AV
z>%!kZeZTzh_vJ>s3>j7bahUNRIzB(R&oAOlNOU?}jQn<YS@L{y@$UxW{SP-qXN?QW
zg>+%Gy7$ec6Zgd1;kHOzq}w8Ky1T!8w7mb_Fml$k`_AYxi0|(|_-PT}9*MW58dq%k
zP&S?a$EmU@l+0>7On70Wa$XgpcZKT2%V%%JX&FN6*Q=E_q3rXeY%Et-qsi+gU)jtD
z)vaDUJ3Ig7&G|sKx^$QBiLq_d1#vl(joTW1IeUEE8E?6UORk|i3h=~i#fer<by-k{
zyD{-GqKOmP^e%Kp`L#Gr9U{8Sip$wNS%uwVW0;}eU~8<!HrV&r4(qW2+heb>AFwwE
zn`hV@n|MaJ9H<<q9H_ixGI047zXO>AnLGM{&4JB<&4JB<&3DWPHsA9*urk4pa8e!y
zB??L)C6E$G38bu;52OTA0x5x%z)6&oKuMq^3QFK4a77Ypgey>_AZS6bf*=Kp6iFzQ
zR=_LZ6)*~=6iRJLYD=6gakj+S5@*YLeXN{juQkePf@>7iKxiN|!8FQgf@qY}?Lk@1
z_UbVx&>Cosq8cSN3YH0eRIbE%iSrU?B~D757~l=?1~|id!+L`f1~`L11DwI{6@IQ*
zf5p11l-vkcF{whK3WX{Zs#shRyh53ZpcR={WL|L$YCeTEJ5zHkYW&u0Z;hWC_&ULl
za5c)*9N3y57UveH7Ue9-Shn4glqD%kP>Zsb<SfZq6tW~~QP=`$6XXbIk=X)ifwU-M
z`Bd2v8f6^t4tNK&1KI)YP|5-8fOEh(pd9gC@;|~gWY!X_B}hw<mLM(4v?$XOtR2^*
zOiQqqZE8urCE1oF-xIGRUI%piuKNVnLEN#}v&eH+Jj!^s)#J<q?Sb|v<auOxlJF$q
zNy3wa2gZ|(CmDZy<~-Zz**;HZp6v_31>gdT2H*m40jK~}04e|#fC@kbpaRMUI6@L>
z+|~d@k77MRdz|)U)C1i!f5-eC@H-UUv3`e=JD_&#&^5_j<9E-xJ&-ra?+AAT#0}f3
z{6aEM;ZNraHJ<O-cH^Tfw*5Fawy(#hK_7XN`|o0XlI$|oC5PHWh_>-2#DC|lMW^a4
zn4OBVQVmiV-`3fFEsU#;Q;S#&$%?USQ-pFY9w-~@w+G9I>BUf~Qo%Ni(G&k)7)-3g
z7Flg{jI(&yeqboiWTm@U{uGN&wJMA2TtoBgDW6bdDHlt!uV;93qt-$;G2}Sdbg|rv
zIPC}Fo7xoOBp<pKvZ<TTXDzy{Fnz4TM!?&HUQbje%dt$`M?J=NEZIgG2Td2>ex#V&
z-;M)993^RNrXyhA)u)%UI63oP1;5BMuWnby>O;l2I&!o0>2#%?OM4Q5hPPy(N_)9T
qdC$d3G6UXS=NEiwLV~;-Kf+{B4^F<^RUyWG9mc=FiCD9Dw|@a${YfqW

diff --git a/demo/dist/css/tabler-payments.css b/demo/dist/css/tabler-payments.css
index e093b39c9..17b9422fa 100644
--- a/demo/dist/css/tabler-payments.css
+++ b/demo/dist/css/tabler-payments.css
@@ -5,8 +5,8 @@
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  */
 .payment {
-  width: 2.5rem;
-  height: 1.5rem;
+  width: 3.33332rem;
+  height: 2rem;
   display: inline-block;
   background: no-repeat center/100% 100%;
   vertical-align: bottom;
@@ -14,339 +14,339 @@
   box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px; }
 
-.payment-2checkout-dark {
+.payment-provider-2checkout-dark {
   background-image: url("../img/payments/2checkout-dark.svg"); }
 
-.payment-2checkout {
+.payment-provider-2checkout {
   background-image: url("../img/payments/2checkout.svg"); }
 
-.payment-alipay-dark {
+.payment-provider-alipay-dark {
   background-image: url("../img/payments/alipay-dark.svg"); }
 
-.payment-alipay {
+.payment-provider-alipay {
   background-image: url("../img/payments/alipay.svg"); }
 
-.payment-amazon-dark {
+.payment-provider-amazon-dark {
   background-image: url("../img/payments/amazon-dark.svg"); }
 
-.payment-amazon {
+.payment-provider-amazon {
   background-image: url("../img/payments/amazon.svg"); }
 
-.payment-americanexpress-dark {
+.payment-provider-americanexpress-dark {
   background-image: url("../img/payments/americanexpress-dark.svg"); }
 
-.payment-americanexpress {
+.payment-provider-americanexpress {
   background-image: url("../img/payments/americanexpress.svg"); }
 
-.payment-applepay-dark {
+.payment-provider-applepay-dark {
   background-image: url("../img/payments/applepay-dark.svg"); }
 
-.payment-applepay {
+.payment-provider-applepay {
   background-image: url("../img/payments/applepay.svg"); }
 
-.payment-bancontact-dark {
+.payment-provider-bancontact-dark {
   background-image: url("../img/payments/bancontact-dark.svg"); }
 
-.payment-bancontact {
+.payment-provider-bancontact {
   background-image: url("../img/payments/bancontact.svg"); }
 
-.payment-bitcoin-dark {
+.payment-provider-bitcoin-dark {
   background-image: url("../img/payments/bitcoin-dark.svg"); }
 
-.payment-bitcoin {
+.payment-provider-bitcoin {
   background-image: url("../img/payments/bitcoin.svg"); }
 
-.payment-bitpay-dark {
+.payment-provider-bitpay-dark {
   background-image: url("../img/payments/bitpay-dark.svg"); }
 
-.payment-bitpay {
+.payment-provider-bitpay {
   background-image: url("../img/payments/bitpay.svg"); }
 
-.payment-cirrus-dark {
+.payment-provider-cirrus-dark {
   background-image: url("../img/payments/cirrus-dark.svg"); }
 
-.payment-cirrus {
+.payment-provider-cirrus {
   background-image: url("../img/payments/cirrus.svg"); }
 
-.payment-clickandbuy-dark {
+.payment-provider-clickandbuy-dark {
   background-image: url("../img/payments/clickandbuy-dark.svg"); }
 
-.payment-clickandbuy {
+.payment-provider-clickandbuy {
   background-image: url("../img/payments/clickandbuy.svg"); }
 
-.payment-coinkite-dark {
+.payment-provider-coinkite-dark {
   background-image: url("../img/payments/coinkite-dark.svg"); }
 
-.payment-coinkite {
+.payment-provider-coinkite {
   background-image: url("../img/payments/coinkite.svg"); }
 
-.payment-dinersclub-dark {
+.payment-provider-dinersclub-dark {
   background-image: url("../img/payments/dinersclub-dark.svg"); }
 
-.payment-dinersclub {
+.payment-provider-dinersclub {
   background-image: url("../img/payments/dinersclub.svg"); }
 
-.payment-directdebit-dark {
+.payment-provider-directdebit-dark {
   background-image: url("../img/payments/directdebit-dark.svg"); }
 
-.payment-directdebit {
+.payment-provider-directdebit {
   background-image: url("../img/payments/directdebit.svg"); }
 
-.payment-discover-dark {
+.payment-provider-discover-dark {
   background-image: url("../img/payments/discover-dark.svg"); }
 
-.payment-discover {
+.payment-provider-discover {
   background-image: url("../img/payments/discover.svg"); }
 
-.payment-dwolla-dark {
+.payment-provider-dwolla-dark {
   background-image: url("../img/payments/dwolla-dark.svg"); }
 
-.payment-dwolla {
+.payment-provider-dwolla {
   background-image: url("../img/payments/dwolla.svg"); }
 
-.payment-ebay-dark {
+.payment-provider-ebay-dark {
   background-image: url("../img/payments/ebay-dark.svg"); }
 
-.payment-ebay {
+.payment-provider-ebay {
   background-image: url("../img/payments/ebay.svg"); }
 
-.payment-eway-dark {
+.payment-provider-eway-dark {
   background-image: url("../img/payments/eway-dark.svg"); }
 
-.payment-eway {
+.payment-provider-eway {
   background-image: url("../img/payments/eway.svg"); }
 
-.payment-giropay-dark {
+.payment-provider-giropay-dark {
   background-image: url("../img/payments/giropay-dark.svg"); }
 
-.payment-giropay {
+.payment-provider-giropay {
   background-image: url("../img/payments/giropay.svg"); }
 
-.payment-googlewallet-dark {
+.payment-provider-googlewallet-dark {
   background-image: url("../img/payments/googlewallet-dark.svg"); }
 
-.payment-googlewallet {
+.payment-provider-googlewallet {
   background-image: url("../img/payments/googlewallet.svg"); }
 
-.payment-ingenico-dark {
+.payment-provider-ingenico-dark {
   background-image: url("../img/payments/ingenico-dark.svg"); }
 
-.payment-ingenico {
+.payment-provider-ingenico {
   background-image: url("../img/payments/ingenico.svg"); }
 
-.payment-jcb-dark {
+.payment-provider-jcb-dark {
   background-image: url("../img/payments/jcb-dark.svg"); }
 
-.payment-jcb {
+.payment-provider-jcb {
   background-image: url("../img/payments/jcb.svg"); }
 
-.payment-klarna-dark {
+.payment-provider-klarna-dark {
   background-image: url("../img/payments/klarna-dark.svg"); }
 
-.payment-klarna {
+.payment-provider-klarna {
   background-image: url("../img/payments/klarna.svg"); }
 
-.payment-laser-dark {
+.payment-provider-laser-dark {
   background-image: url("../img/payments/laser-dark.svg"); }
 
-.payment-laser {
+.payment-provider-laser {
   background-image: url("../img/payments/laser.svg"); }
 
-.payment-maestro-dark {
+.payment-provider-maestro-dark {
   background-image: url("../img/payments/maestro-dark.svg"); }
 
-.payment-maestro {
+.payment-provider-maestro {
   background-image: url("../img/payments/maestro.svg"); }
 
-.payment-mastercard-dark {
+.payment-provider-mastercard-dark {
   background-image: url("../img/payments/mastercard-dark.svg"); }
 
-.payment-mastercard {
+.payment-provider-mastercard {
   background-image: url("../img/payments/mastercard.svg"); }
 
-.payment-monero-dark {
+.payment-provider-monero-dark {
   background-image: url("../img/payments/monero-dark.svg"); }
 
-.payment-monero {
+.payment-provider-monero {
   background-image: url("../img/payments/monero.svg"); }
 
-.payment-neteller-dark {
+.payment-provider-neteller-dark {
   background-image: url("../img/payments/neteller-dark.svg"); }
 
-.payment-neteller {
+.payment-provider-neteller {
   background-image: url("../img/payments/neteller.svg"); }
 
-.payment-ogone-dark {
+.payment-provider-ogone-dark {
   background-image: url("../img/payments/ogone-dark.svg"); }
 
-.payment-ogone {
+.payment-provider-ogone {
   background-image: url("../img/payments/ogone.svg"); }
 
-.payment-okpay-dark {
+.payment-provider-okpay-dark {
   background-image: url("../img/payments/okpay-dark.svg"); }
 
-.payment-okpay {
+.payment-provider-okpay {
   background-image: url("../img/payments/okpay.svg"); }
 
-.payment-paybox-dark {
+.payment-provider-paybox-dark {
   background-image: url("../img/payments/paybox-dark.svg"); }
 
-.payment-paybox {
+.payment-provider-paybox {
   background-image: url("../img/payments/paybox.svg"); }
 
-.payment-paymill-dark {
+.payment-provider-paymill-dark {
   background-image: url("../img/payments/paymill-dark.svg"); }
 
-.payment-paymill {
+.payment-provider-paymill {
   background-image: url("../img/payments/paymill.svg"); }
 
-.payment-payone-dark {
+.payment-provider-payone-dark {
   background-image: url("../img/payments/payone-dark.svg"); }
 
-.payment-payone {
+.payment-provider-payone {
   background-image: url("../img/payments/payone.svg"); }
 
-.payment-payoneer-dark {
+.payment-provider-payoneer-dark {
   background-image: url("../img/payments/payoneer-dark.svg"); }
 
-.payment-payoneer {
+.payment-provider-payoneer {
   background-image: url("../img/payments/payoneer.svg"); }
 
-.payment-paypal-dark {
+.payment-provider-paypal-dark {
   background-image: url("../img/payments/paypal-dark.svg"); }
 
-.payment-paypal {
+.payment-provider-paypal {
   background-image: url("../img/payments/paypal.svg"); }
 
-.payment-paysafecard-dark {
+.payment-provider-paysafecard-dark {
   background-image: url("../img/payments/paysafecard-dark.svg"); }
 
-.payment-paysafecard {
+.payment-provider-paysafecard {
   background-image: url("../img/payments/paysafecard.svg"); }
 
-.payment-payu-dark {
+.payment-provider-payu-dark {
   background-image: url("../img/payments/payu-dark.svg"); }
 
-.payment-payu {
+.payment-provider-payu {
   background-image: url("../img/payments/payu.svg"); }
 
-.payment-payza-dark {
+.payment-provider-payza-dark {
   background-image: url("../img/payments/payza-dark.svg"); }
 
-.payment-payza {
+.payment-provider-payza {
   background-image: url("../img/payments/payza.svg"); }
 
-.payment-ripple-dark {
+.payment-provider-ripple-dark {
   background-image: url("../img/payments/ripple-dark.svg"); }
 
-.payment-ripple {
+.payment-provider-ripple {
   background-image: url("../img/payments/ripple.svg"); }
 
-.payment-sage-dark {
+.payment-provider-sage-dark {
   background-image: url("../img/payments/sage-dark.svg"); }
 
-.payment-sage {
+.payment-provider-sage {
   background-image: url("../img/payments/sage.svg"); }
 
-.payment-sepa-dark {
+.payment-provider-sepa-dark {
   background-image: url("../img/payments/sepa-dark.svg"); }
 
-.payment-sepa {
+.payment-provider-sepa {
   background-image: url("../img/payments/sepa.svg"); }
 
-.payment-shopify-dark {
+.payment-provider-shopify-dark {
   background-image: url("../img/payments/shopify-dark.svg"); }
 
-.payment-shopify {
+.payment-provider-shopify {
   background-image: url("../img/payments/shopify.svg"); }
 
-.payment-skrill-dark {
+.payment-provider-skrill-dark {
   background-image: url("../img/payments/skrill-dark.svg"); }
 
-.payment-skrill {
+.payment-provider-skrill {
   background-image: url("../img/payments/skrill.svg"); }
 
-.payment-solo-dark {
+.payment-provider-solo-dark {
   background-image: url("../img/payments/solo-dark.svg"); }
 
-.payment-solo {
+.payment-provider-solo {
   background-image: url("../img/payments/solo.svg"); }
 
-.payment-square-dark {
+.payment-provider-square-dark {
   background-image: url("../img/payments/square-dark.svg"); }
 
-.payment-square {
+.payment-provider-square {
   background-image: url("../img/payments/square.svg"); }
 
-.payment-stripe-dark {
+.payment-provider-stripe-dark {
   background-image: url("../img/payments/stripe-dark.svg"); }
 
-.payment-stripe {
+.payment-provider-stripe {
   background-image: url("../img/payments/stripe.svg"); }
 
-.payment-switch-dark {
+.payment-provider-switch-dark {
   background-image: url("../img/payments/switch-dark.svg"); }
 
-.payment-switch {
+.payment-provider-switch {
   background-image: url("../img/payments/switch.svg"); }
 
-.payment-ukash-dark {
+.payment-provider-ukash-dark {
   background-image: url("../img/payments/ukash-dark.svg"); }
 
-.payment-ukash {
+.payment-provider-ukash {
   background-image: url("../img/payments/ukash.svg"); }
 
-.payment-unionpay-dark {
+.payment-provider-unionpay-dark {
   background-image: url("../img/payments/unionpay-dark.svg"); }
 
-.payment-unionpay {
+.payment-provider-unionpay {
   background-image: url("../img/payments/unionpay.svg"); }
 
-.payment-verifone-dark {
+.payment-provider-verifone-dark {
   background-image: url("../img/payments/verifone-dark.svg"); }
 
-.payment-verifone {
+.payment-provider-verifone {
   background-image: url("../img/payments/verifone.svg"); }
 
-.payment-verisign-dark {
+.payment-provider-verisign-dark {
   background-image: url("../img/payments/verisign-dark.svg"); }
 
-.payment-verisign {
+.payment-provider-verisign {
   background-image: url("../img/payments/verisign.svg"); }
 
-.payment-visa-dark {
+.payment-provider-visa-dark {
   background-image: url("../img/payments/visa-dark.svg"); }
 
-.payment-visa {
+.payment-provider-visa {
   background-image: url("../img/payments/visa.svg"); }
 
-.payment-webmoney-dark {
+.payment-provider-webmoney-dark {
   background-image: url("../img/payments/webmoney-dark.svg"); }
 
-.payment-webmoney {
+.payment-provider-webmoney {
   background-image: url("../img/payments/webmoney.svg"); }
 
-.payment-westernunion-dark {
+.payment-provider-westernunion-dark {
   background-image: url("../img/payments/westernunion-dark.svg"); }
 
-.payment-westernunion {
+.payment-provider-westernunion {
   background-image: url("../img/payments/westernunion.svg"); }
 
-.payment-worldpay-dark {
+.payment-provider-worldpay-dark {
   background-image: url("../img/payments/worldpay-dark.svg"); }
 
-.payment-worldpay {
+.payment-provider-worldpay {
   background-image: url("../img/payments/worldpay.svg"); }
 
-.payment-size-md {
-  width: 3.33332rem;
-  height: 2rem; }
+.payment-sm {
+  width: 2.49999rem;
+  height: 1.5rem; }
 
-.payment-size-lg {
+.payment-lg {
   width: 4.99998rem;
   height: 3rem; }
 
-.payment-size-xl {
+.payment-xl {
   width: 6.66664rem;
   height: 4rem; }
 /*# sourceMappingURL=tabler-payments.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-payments.css.map b/demo/dist/css/tabler-payments.css.map
index 543c85c07a50a4ebda58538fa2fbb73b0bc0752c..115847bc46c6882f6dc11e4dfc3fa88ba763231a 100644
GIT binary patch
delta 4952
zcmb_ePjC}e7@wjD6w)S5O4}scZju(7cJr?d8A$4A+QzZ!Fcc-wnwD;oZL{Rhrn_ki
zbzp}h2WG&}i#j7R>Wz_Ma?(*497ab6hI(~iKyO}jxOnj3xVuUAy|lYEamXd_eed^u
zzwhsRd*@!uwFfO%zV41u?07V~JRXTfC-`w{CK{cQm$O$NPK#4HMI56>CM8IWibbQ*
zNF*AaT#d<?7$xY)*L3809l17Mj8S?DtmKN8LqQz^zm9xaN3PhB__sv7qN8w5N6zWU
zwIi+%Sj1D^hysoeHA$?IAyKLEwkc{NL(MxRYS&oLp=L9r*Su^ka}s|;-L5KZ!Z+I!
zhik-DJ7R6j^bBd#Y}=CQWo~H`ag|r3noX(RbY!&&D80ZcQzLF2KfU?ZBW^Z;x{ONo
zS8qDK)aeoHMcfQtl&{!kBiKHrTQj<ieNpp@txHh@8QO+G(>}T<#QO2mGxVQxylE^O
zE`eBm<@AX49;ap<(!-0->tgwz0Z8}%rqt;<)GR?`coB_XV+si0aE+@a)@*7~8b7_c
z*Hn0pc)2G;tuGwC5;W`3=Ep|ktr6>9zXl23tQnF&D+T5Iu{2JlCb;;C+T}A@iqBTQ
zAL}qP6U*^w6|)+TcWZ)#_;mTRy*qcnPosAD&TxNsk>^&~G{eK?wj|p8(RONI?ZiXp
zSh#8qf!OXuh)>&(qs_DS1lqi1JibTOg{MXf{AKY<|HBB<YD%L`-n4)=_f2uMadf23
zs-+}dNO6S{ohm_~<1qZt(S?AIJLb_QY<>rAE}Ii5kR)4zC)NNE7NT9Xn__u>MSy3P
zAe1bQE%NDhFZ^gBkRPcWo66FKbaDlL_6DK9^B`h-qcdSbhB>y7WlM}=`nOJ(#))h^
zvcC@*nAwjd=9~Sq=%ll25pCAHFrG9kq_|b7f{w03VD5Gz9`!`#$#(al;L>YcE=Nlm
zLAckA1znZP_?{kOuNn)J1e5a+<a@|E*;A_@?)2C&*_whgSxMxq-+B~n&Relc{bI!`
z<*{WD>;oGHduGEL<d{8<3VJ4$l(IVtkL-Q*LOB46u%dvoIhrrf3RooYHYV^kCT82z
zkaM&k<y1Cwq1TQ)`>=Q3sABRoBb0a!Or#GyeFQ>H^<j0q(Kl;ADqMkqYrP?Om2@Ed
z0*SeCi^SqJI^xJDZb{abBmTsJY2S7nLnYv{%CNrXbkxb@zW>Ncv{lF5Q>4!&xwDF`
zKb@{!wOhdGdRtx7uG8xJw(EqtHucZ##mvB6M*yz(_p0aL_S5RxK5$Z9FAvPA>-z(U
zhd8ig#_S37B9o%|G~9It;LZV3)p>kiW*>%IQ2=KS_Nai12j4YdfOT3ym<D@LAMk9k
zn5(2PHR#+Tm&^UtAc4vy&`TAx!Hu;v<vxl*m|~@|ZsCv(H`evU5Z2D?Ls-{87)l@~
zge=eIau9I)V1C$+F>pCfsno4u%!!R*oPkQ9HW8LrXde7-KYU5qG4mxU`bsn}c$^qq
zmMidC4-Q{rOR0>)d((rB%!UW+RfiWFnUyRpWFX-4!A-9X*<UHJTtR8d)4ttc@Yy#X
z$-Q~nhh2l`eb@v%@?lRxz>l3=@yAh;R#~A^1|onZX)J&x=~7?;&F&hL%*)gCtJMd6
zBN+M1BN=qtuSo;W@C7LZm^S+1$%qRLZObU;%fjf%!94k1qCk>sY`T;QlOx{X5$VS>
z`G_pdFziyM6ea`SL*NLS;qTFK`A9JQ5?nL1+9VJ;Bprq1Umbh|ZX3SX?G3mUDZCQt
zgm}blCP}X}!Fi@o^3<*txD=V+L6Y!$Bn%fL=2nlut~2LlmtbnlVXX1@%VNn``NG(Z
zoxn_t!O-|VTb?~T*q`Lm=R7H?*?5X{EiNunWGFb`2FL3bLXn0^ekn=U<Gg{8yPO)|
z(NexX@z7){az*(qN)-C5EBNOWRW6?Repkz3*qG~r?zztQX9mktbJiF42>FDwl8{z9
J1fSC%{|k0m9X<d6

delta 4028
zcmb_eOKcNY6cvtbLIQ~slbHAuk3W2pj2+u?9FzcI0)YjMf)hEA+SDCS24|A-Okz)P
zjRXT#7gbv!;4UgvZ75PzsfD&G-XWB#rDA~!p>$KJi>h5$6x3}bI-i()n3viWyLa!L
zch9}&zWd%>d$8%dA2(gT-E;^i34-h!Bo3u;iXbR?HF4!}R6NEG$m^qc=rBRd4&s9Z
zLG<+z#NoFFReuiQ&m;U9gkKvk9>q}`7%3I4gu)1d0Kz|u@GEgdjf&?G8wv<NkML_(
zytZI*wbbQoSdEWVNUWidsPukAi7HU2@`Oa~9-|VfR3X&iWlG9P{AHc?7aP{$D?Jl?
zOT^1@#L}3d0%`PY!<M0xORpnd<`wZuB}Glgv^D{bDomXk@#PB#HQy-WN()${sMP-#
zHyuhk6fvseO7Nn5^;TNJ#*)6Q=mzmc%`0||L}e(n0fA=xm3u;5JASA@|2fC&#<J`d
zh|8}WiWv1cRhkeAFTSda<$o3+-T&*PLnTxxL3wy_W&Fz9u!1kU$IC6&Jk+8zeyF+E
z-0%wV@|h5|{%}w&s5GJVkB!D#Bd&S<$|N|JRU{q6nE`^xDgTec06u<bZ)~V^`5c}c
z8<GDXU&3^(!c2{g?9c?I$A*fZ*BW$HA%8b~(qn-)4_t@Ix(@ibj@%NWCTVJ#pA%rV
z-Vgihu_}^fU@;PbYxQnr9c&E2r}YNVn=D2$L!RY1cxLK`qzN-9Cb+_#aL43;KTR1p
z*+3b{nHiQ=LOgHq0^S&d_Zq316v<IMCy<oN<TtxErx=0a897`RTs3=O!8}?e`IN1r
z+ud+}d(=oV+3Z{nt~Z6DvB?GdnxZun%TUuKH<6lypCe(|-&_m7H`!}f+y%9kW_Pt5
zewq<zW&dZ*9(dFo1HXlWk1XS`WT9bdM;spRNE#=Y9L1l3XU+hyEl%S^o@ZH7N$f$3
zyJX4=;Z_HXSWmz$>yVDl!=p$y^xH5!ohJ*>U<<*#%>oOyQ~ETM<ssM@gmHT-T(GC%
zsr^(n!=-7Cp?D?m6^9oV9I>h?Dy7&Xtxjbvv)pL4!o$`$gq%_Mz&Q?2oWq+lB%Kqa
zpt4#QFb~|sMxok8)nv$=KxZj3I{|;VI^io9X3X#$y^O4PyY;dO-(o>9xeXw=E!7+?
z&@4-5l~{{zFD$uZIzA22T@m=(V}K7mcDUmi*74IyFJAMy<fUBA7hVS}dgIWwGg?I!
zGVr}G0{3=$;h&wOFuW@c#a&U@wmWGc3o@rH=a;)N_+@uo^30H|(wM0|t#D-z4bS()
zfoeMeciV>aWZ|qT_wjbOYREDiZ#O{5YJtb?abuQIj+N}5>Ttm2juY^-V@RK)XVi`7
za7;C1#ILvwmhe-M@{PiRFAi>hRG;HnRlK5KLdu4Wtn0Kvs55TN&CZcoT5;X)bih;D
zB}kmA>)n6@z7E8pF&G6lI1Uek!-hGIkw!tD6f)$6OQ9J26-rj0p|i|sx%P|FRJ`BS
z3b(qFU=7FgXPBIt=r>_ZH7<rjP}gk%e|NGvPp9NAsVDcRZs*p#)NDG-sU&jC=ObI8
zKVq+4^+B1u`G^PZN0Jcg88b3xX<udn=C`$(v2zJ7!TD#TCefVW%SoT$hn_yYyeKa9
z^cjhSkY^@@$zDvl7P54vPr?h6G?Shbda>Y&OPY)smMrvQ497AY?MtydHLZZ*{DC%I
zLI6`;OG`qKik4`E0!#N|9G}gQtP1+=04{@O>&&_Y2loDsnuJhF3tsPkL;iTXzqcO4
zN?tYDrT!K$A9O<C;P&Fc!J7tXKeBa;H=QL5zMen;qDO4YRyYtSzI{Zu37!n@E537d
av7vZ*{N84`d(vFIL0a`d)BCTUzV<KXmBldt

diff --git a/demo/dist/css/tabler-payments.min.css b/demo/dist/css/tabler-payments.min.css
index 23efdbee1..2d378c913 100644
--- a/demo/dist/css/tabler-payments.min.css
+++ b/demo/dist/css/tabler-payments.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */.payment{width:2.5rem;height:1.5rem;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-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-alipay{background-image:url(../img/payments/alipay.svg)}.payment-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-amazon{background-image:url(../img/payments/amazon.svg)}.payment-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-applepay{background-image:url(../img/payments/applepay.svg)}.payment-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-discover{background-image:url(../img/payments/discover.svg)}.payment-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-ebay{background-image:url(../img/payments/ebay.svg)}.payment-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-eway{background-image:url(../img/payments/eway.svg)}.payment-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-giropay{background-image:url(../img/payments/giropay.svg)}.payment-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-jcb{background-image:url(../img/payments/jcb.svg)}.payment-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-klarna{background-image:url(../img/payments/klarna.svg)}.payment-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-laser{background-image:url(../img/payments/laser.svg)}.payment-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-maestro{background-image:url(../img/payments/maestro.svg)}.payment-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-monero{background-image:url(../img/payments/monero.svg)}.payment-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-neteller{background-image:url(../img/payments/neteller.svg)}.payment-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-ogone{background-image:url(../img/payments/ogone.svg)}.payment-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-okpay{background-image:url(../img/payments/okpay.svg)}.payment-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-paybox{background-image:url(../img/payments/paybox.svg)}.payment-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-paymill{background-image:url(../img/payments/paymill.svg)}.payment-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-payone{background-image:url(../img/payments/payone.svg)}.payment-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-paypal{background-image:url(../img/payments/paypal.svg)}.payment-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-payu{background-image:url(../img/payments/payu.svg)}.payment-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-payza{background-image:url(../img/payments/payza.svg)}.payment-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-ripple{background-image:url(../img/payments/ripple.svg)}.payment-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-sage{background-image:url(../img/payments/sage.svg)}.payment-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-sepa{background-image:url(../img/payments/sepa.svg)}.payment-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-shopify{background-image:url(../img/payments/shopify.svg)}.payment-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-skrill{background-image:url(../img/payments/skrill.svg)}.payment-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-solo{background-image:url(../img/payments/solo.svg)}.payment-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-square{background-image:url(../img/payments/square.svg)}.payment-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-stripe{background-image:url(../img/payments/stripe.svg)}.payment-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-switch{background-image:url(../img/payments/switch.svg)}.payment-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-ukash{background-image:url(../img/payments/ukash.svg)}.payment-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-verifone{background-image:url(../img/payments/verifone.svg)}.payment-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-verisign{background-image:url(../img/payments/verisign.svg)}.payment-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-visa{background-image:url(../img/payments/visa.svg)}.payment-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-size-md{width:3.33332rem;height:2rem}.payment-size-lg{width:4.99998rem;height:3rem}.payment-size-xl{width:6.66664rem;height:4rem}
+ */.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-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-sm{width:2.49999rem;height:1.5rem}.payment-lg{width:4.99998rem;height:3rem}.payment-xl{width:6.66664rem;height:4rem}
 /*# sourceMappingURL=tabler-payments.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler-payments.min.css.map b/demo/dist/css/tabler-payments.min.css.map
index 0d7710d9858cc512cc23c77288803f02e85b2d4e..50d2e2746d07bf10a5b60f968a85fe6de4d4a314 100644
GIT binary patch
literal 4563
zcmb_fZExE)5dJHi*P&@A*^W09o%^M(mjFTfvY{P{VJQYmVr0&esFGBi7v#V1?kI_L
z(*XQnCy{y2^YD0gq)6s&awW8ps+lZ*NhU^hIu~ZL{AV(q&fwSN#>_0wDxuSs-_)Y9
zW{Th>2^F23{ku<pNhS@i$rUtf-nOzS!SQ4TpI7)<txs0TM|dXh07^cu)~n<Lw$8Ej
zC$>1YK4a@Ie2{MKB!f<%`C-)g)(H~yIKvh_1nP2Uo~;tO#?j>)1a|Ay@2APHZ#+^H
z@-jfa5^@tDWwfRX#(GJ;wgGZO2zVRg0X@XC2*v_EAP;-J2sDZ`KL>~*WF8=pHTXGH
zUQnem=J_L@50%%U#)`@P;Y#R&8iI%Ku9k<In7M#i8*8|DWCmku_;9tDAZA!6k@Nm=
zMePDVkP-Na$tz~9#>_=b?lCdPXky}t$vwtTOkOd5V&03G^?a!M#EccAIaHlv#)_%)
zp)@gdj#(Rr(!|s!W~_tkW9O&I-?$xqb1C?+I{iLz{s;jVl>RoeR*i*w3tnnw&wsdR
z*mL%YZZzzV{zk)&uIAI@>HHayYt`OpS#B&_%#UBD@c4~=+K8dks<RuV&7;y>6(Z+V
zO@g;F7mX1G>zYDn_U`NxJK9*=n&oU(O1tT@X|C%2hBbU;mC9x{H&*D`+q3n_`;R9S
z+3cbLr>|w*Ds9=tBv;L)EH5Un_E5Ns4OcNoK_#B_NGhR^S+b+2i+m&Ut?F!AaJ_w+
zFpr?YD+ygj&Y48i{8lxdAkz^-%bYjjy4Av%K(U9Dv~4S~=e`G!%y<JaTAusJJVXL%
zb0vKUnX`K;bPEiaNaRxM&d20TA}X10c~fMaPd4`$Nno(8v|`K%M@In3LN;)H&Z{mP
zX%9Jp7P&11#1be*%t=hH;1(Y64j^);s)~DxOe91W%nup_?m`d@1WTz^SeD)<N~y9E
zJ6=`7hgSw5is0fd8dx}E5CeeZf4R>b+6Zkct{We+Gm)sc39=*$;hGC$wRhj!j>4B9
z=eigNckcy4Bv4TQpevb3G{OqV$`^G2kW?k;Mvr6>yba5w&_Wo#GIc%5o!Jw$tg4Vf
zyQjh-pbway2;y>-&^_7mJ%3>KgyEO4tptUDjsw<9x-gQi2XFmMK#yCFu$K73jcR8i
zVR-3bGzf%ub<`R#2;8VvUiz2DIGd=g4y$6wBtlhwstgzee(ksp1|^dS3vmSmnMCa1
zjo<i)$V8&sa^rEb2yWotTgZLv(e(h5@ZQPGaH<AiAdM{jUV|h8L`vh!as>v0JCW7k
z&5tzzj>Og6(C}k0J6QY!NFt@HB8+y|15cm9K7Y|nfx~~p*&XcqY$pr5S+a!|H5_Zl
z(--)`^MGvx9$}6mppd4m_|1~Zrh;87g;OTq5|i<KTWSSI)RHwS)uI*LGB~*K06Lz}
ze`5F`DHOoME?=c^B9zUNWy)Gr69rYYsj)YeKrg!Hm2(cSj@j@+?Url~KgaDg{pm8}
zNArZa-{~=C$H1S4b28PukR6;;i}o7ed(8W_;Q59P2N@(Ww%wuT>M>L&ZMC|R=<3J2
zq0haOz#wD3sjOj<FIlInql*bhxiP|;G=rV$ekSX3JW6MQpQ*WmQ`ZFyv3)1J)W}<r
luqXJn7b*hgn^3)H>NbYi&#iN^Ke>K-iKWuHNG4zI{|90~Q`!Ik

literal 4553
zcmb_fZExE)5dJHi*P&@=*-nNPnfs-#mu^Mdy`UZXVJQZRVr0$|sgP8h7v#V1?kI^2
z+yEM2Cz1I)&+&M7Bt_<KawV-(Mo*SMOefB?R!BEl{ymw^=J4x;b92x0O4_X9H?`E>
z&5)c-Q;Sy3|9L2XnNBpX$rUtf-ZV;=;CQlv&rAHQ)@Q5f$JKg0{Q%VT_thF7ed|wb
zapXQ@>o0te-5Oi(!UI%^E$T~lv2}(5J>FuA9uobD0N<^qyVtArFH`jziQRhj^RLr7
zVQOM76XuebGGWTmHm6CiQ|fh-FgL`s3DXj@O_=Q?y-Z?b$i^j%BL;FDGF8MJDz8Q2
zdGUznL*;d-vBu=SzY;_&Ax!317t5Z>n3*_9DtPk9{EeyL{#t?U(=YEA6!DnE_m>mw
zn%>R#<Yr7(`>T83@tAPNWWMitFXRy>W1<<8`4~TAvKr%O%#Ikbk`Gj!5hIN-IaG~D
z3^k_2hq4(_<1wq^P&Ol~GiIoRyu9Ej#slgs9Ppoqi@>|pn>YVcfon;3hglo#;kJTT
znfdc?&NX|^KG8jf{n6cH*wNKuc05}=BXMn-8>`BVXD5r}(+nOzu}>S>cUrZ6W2}4B
zRG2~vUe#pqUJ0q4ELf`xY1xOjpV-mH`^GKj^HTXuo6m%)yL(mtl~*R8*W7t&=kMRH
z&wl%OMv=|WH8_2x>c&{l&L_g?3ss&^UOr&q2G(D|f&`U#(lMEWK5og5o}P$}6kF5!
ztl)P0bjl)wfL98-3|fFB)cn@yC=d*Sv`TO-uNy0!ODrDnWZE>9eBiz#P|Uf87(Ev;
zvPhAE^1`SXLLP7@rEWn1h=NeowlSsvNvM?Aa$V$YOjbmWOkl9B@^Z)sM@It1LTR`(
zi>l2BIa0yEO5qC$u_P7)7fhTmaQ9C1K#;gIRmG!35Cxeh^MioMT}lE#vQ*ZjW$7?U
z#*~%Z@v4$ByfPut2(If=!@?PY=m`}66)|&YBeku#)iLA%QK+~}vLu9b&871;y6<q1
za1#h_i(&AvFOVVw1NBe35=22uFCnW~)Sf`mlwdb_Bt-N!Et5fnG<@aedN2>L6KYje
zse-tZ(jlM^z$hef1xeaYZ1@9z06W3)3wW(0g@BGd*O|0wByC6D#+iT~w;XA!aKjDO
z0ixh|8EFJW!d@M09RMOXrcoDh)3|_1+S;@#jvxu9ic{qP5P8{hn+!^j1P^f~0zndX
zu;Vu|B7!KiTkaxHh-eM})I#n<kG3OFgng$j(y8i+UUaIA?-~@5AW^wkmMZ{A?qptr
zw>VZ$1QA!Wrs0QRcCh$+l8lV4iZt3?M?8H7@A-2*0}cQAW_N)6P8EK$WGAy9t*lY^
z8;M8Pk{w5?P_C)?&5|iy!TTzM^F?gQIOk$pS_6mEl4+A!*+}jg99eku94{8%F?^6I
zr0(JUUS)6=lzPc><Gl$(Lj8Q^{7og%i>-MToWrJZ8(x^*k}crpxVff3Tju;|F=gR*
zc1(Hs+*mjvGs_Fr!U=WKT%!|xkB?W9iw)}!F-T)*hXXCtqOVN$?Oktrj|ziNOf*w9
ztm`FfZFO`$0aNar^e)Tc<#az+bvc}#^Tf~0UBN*cB88B?5>@8Zt(>wa`1K${BwQcI
n5F@flpwxSama%SLgSY1}nJ@4I6~SZ}>nEA?jtyZ=zTE!@j(%cx

diff --git a/demo/dist/css/tabler.css b/demo/dist/css/tabler.css
index 329f3f165..39809d88d 100644
--- a/demo/dist/css/tabler.css
+++ b/demo/dist/css/tabler.css
@@ -24,7 +24,7 @@
   --lime: #7bd235;
   --dark: #354052;
   --primary: #206bc4;
-  --secondary: #8b929e;
+  --secondary: #7e8590;
   --success: #5eba00;
   --info: #45aaf2;
   --warning: #fab005;
@@ -214,7 +214,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #8b929e;
+  color: #7e8590;
   text-align: left;
   caption-side: bottom; }
 
@@ -971,25 +971,25 @@ main {
   .table td,
   .markdown table td {
     padding: 0.5rem;
-    border-bottom: 1px solid #dee1e7; }
+    border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .table tbody, .markdown table tbody {
     vertical-align: inherit; }
   .table thead th, .markdown table thead th {
     vertical-align: bottom;
-    border-bottom-color: #dee1e7; }
+    border-bottom-color: rgba(53, 64, 82, 0.16); }
   .table tbody + tbody, .markdown table tbody + tbody {
-    border-top: 2px solid #dee1e7; }
+    border-top: 2px solid rgba(53, 64, 82, 0.16); }
 
 .table-sm th,
 .table-sm td {
   padding: 0.25rem; }
 
 .table-bordered, .markdown table {
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
   .table-bordered th, .markdown table th,
   .table-bordered td,
   .markdown table td {
-    border: 1px solid #dee1e7; }
+    border: 1px solid rgba(53, 64, 82, 0.16); }
   .table-bordered thead th, .markdown table thead th,
   .table-bordered thead td,
   .markdown table thead td {
@@ -1028,19 +1028,19 @@ main {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #f3f4f5; }
+  background-color: #f2f3f4; }
 
 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody + tbody {
-  border-color: #d1d3d8; }
+  border-color: #cbced3; }
 
 .table-hover .table-secondary:hover {
-  background-color: #e5e7e9; }
+  background-color: #e4e6e8; }
   .table-hover .table-secondary:hover > td,
   .table-hover .table-secondary:hover > th {
-    background-color: #e5e7e9; }
+    background-color: #e4e6e8; }
 
 .table-success,
 .table-success > th,
@@ -1163,7 +1163,7 @@ main {
 .table .thead-light th, .markdown table .thead-light th {
   color: #8b929e;
   background-color: #f1f3f8;
-  border-color: #dee1e7; }
+  border-color: rgba(53, 64, 82, 0.16); }
 
 .table-dark {
   color: #ffffff;
@@ -1252,7 +1252,7 @@ main {
   color: #354052;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
@@ -1268,19 +1268,19 @@ main {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
   .form-control::-webkit-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::-moz-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control:-ms-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::-ms-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control:disabled, .form-control[readonly] {
     background-color: #f5f7fb;
@@ -1333,7 +1333,7 @@ main {
   color: #354052;
   vertical-align: middle;
   background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1387,7 +1387,7 @@ main {
   margin-top: 0.3rem;
   vertical-align: top;
   background-color: #ffffff;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -1408,8 +1408,8 @@ main {
     background-color: #206bc4;
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: 0.75rem;
-    border-color: #206bc4; }
+    background-size: 0.8rem;
+    border-color: rgba(53, 64, 82, 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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
     .form-check-input:checked[type="radio"] {
@@ -1486,7 +1486,7 @@ main {
   z-index: 1;
   display: flex;
   height: calc(1.4666667em + 0.75rem + 2px);
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .form-file-text {
@@ -1754,11 +1754,11 @@ main {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.4666667;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   white-space: nowrap;
   background-color: #f5f7fb;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .input-group-lg > .form-control {
@@ -2011,29 +2011,29 @@ main {
 
 .btn-secondary {
   color: #ffffff;
-  background-color: #8b929e;
-  border-color: #8b929e; }
+  background-color: #7e8590;
+  border-color: #7e8590; }
   .btn-secondary:hover {
     color: #ffffff;
-    background-color: #767e8d;
-    border-color: #707886; }
+    background-color: #6b727d;
+    border-color: #656c76; }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #ffffff;
-    background-color: #767e8d;
-    border-color: #707886;
-    box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
+    background-color: #6b727d;
+    border-color: #656c76;
+    box-shadow: 0 0 0 0.2rem rgba(145, 151, 161, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #707886;
-    border-color: #6a727f; }
+    background-color: #656c76;
+    border-color: #5f656f; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(145, 151, 161, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
 
 .btn-success {
   color: #ffffff;
@@ -2213,24 +2213,24 @@ main {
     background-color: transparent; }
 
 .btn-outline-secondary {
-  color: #8b929e;
-  border-color: #8b929e; }
+  color: #7e8590;
+  border-color: #7e8590; }
   .btn-outline-secondary:hover {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-outline-secondary:active, .btn-outline-secondary.active,
   .show > .btn-outline-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
     .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus,
     .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: transparent; }
 
 .btn-outline-success {
@@ -2441,7 +2441,7 @@ main {
   list-style: none;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .dropdown-menu-left {
@@ -2554,7 +2554,7 @@ main {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .dropdown-item {
   display: block;
@@ -2900,7 +2900,7 @@ main {
     color: #206bc4; }
 
 .navbar-light .navbar-nav .nav-link {
-  color: #8b929e; }
+  color: #7e8590; }
   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: #354052; }
   .navbar-light .navbar-nav .nav-link.disabled {
@@ -2913,14 +2913,14 @@ main {
   color: #206bc4; }
 
 .navbar-light .navbar-toggler {
-  color: #8b929e;
+  color: #7e8590;
   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='%238b929e' 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='%237e8590' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-light .navbar-text {
-  color: #8b929e; }
+  color: #7e8590; }
   .navbar-light .navbar-text a,
   .navbar-light .navbar-text a:hover,
   .navbar-light .navbar-text a:focus {
@@ -2966,7 +2966,7 @@ main {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: border-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
   .card > hr, .card > .hr {
     margin-right: 0;
@@ -3003,7 +3003,7 @@ main {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: rgba(53, 64, 82, 0.02);
-  border-bottom: 1px solid #dee1e7; }
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .card-header:first-child {
     border-radius: 2px 2px 0 0; }
   .card-header + .list-group .list-group-item:first-child {
@@ -3012,7 +3012,7 @@ main {
 .card-footer {
   padding: 0.75rem 1.25rem;
   background-color: rgba(53, 64, 82, 0.02);
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
   .card-footer:last-child {
     border-radius: 0 0 2px 2px; }
 
@@ -3146,7 +3146,7 @@ main {
 .page-link {
   position: relative;
   display: block;
-  color: #8b929e;
+  color: #7e8590;
   background-color: transparent;
   border: 0 solid #e9ecf1; }
   .page-link:hover {
@@ -3170,7 +3170,7 @@ main {
   border-color: #206bc4; }
 
 .page-item.disabled .page-link {
-  color: rgba(139, 146, 158, 0.5);
+  color: rgba(126, 133, 144, 0.5);
   pointer-events: none;
   background-color: transparent;
   border-color: #e9ecf1; }
@@ -3258,11 +3258,11 @@ main {
     color: black; }
 
 .alert-secondary {
-  color: #1c1d20;
-  background-color: #e8e9ec;
-  border-color: #d1d3d8; }
+  color: #191b1d;
+  background-color: #e5e7e9;
+  border-color: #cbced3; }
   .alert-secondary .alert-link {
-    color: #040405; }
+    color: #010202; }
 
 .alert-success {
   color: #132500;
@@ -3373,7 +3373,7 @@ main {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   background-color: #ffffff;
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
   .list-group-item:first-child {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
@@ -3506,15 +3506,15 @@ main {
     border-color: #0d2b4e; }
 
 .list-group-item-secondary {
-  color: #383a3f;
-  background-color: #f3f4f5; }
+  color: #32353a;
+  background-color: #f2f3f4; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #383a3f;
-    background-color: #e5e7e9; }
+    color: #32353a;
+    background-color: #e4e6e8; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #383a3f;
-    border-color: #383a3f; }
+    background-color: #32353a;
+    border-color: #32353a; }
 
 .list-group-item-success {
   color: #264a00;
@@ -3614,7 +3614,7 @@ button.close {
   font-size: 0.875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
@@ -3634,7 +3634,7 @@ button.close {
   display: flex;
   align-items: center;
   padding: 0.25rem 0.75rem;
-  color: #8b929e;
+  color: #7e8590;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
@@ -3734,7 +3734,7 @@ button.close {
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem 1rem;
-  border-bottom: 1px solid #dee1e7;
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16);
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
   .modal-header .close {
@@ -3756,7 +3756,7 @@ button.close {
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
-  border-top: 1px solid #dee1e7;
+  border-top: 1px solid rgba(53, 64, 82, 0.16);
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px); }
   .modal-footer > * {
@@ -3901,7 +3901,7 @@ button.close {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 0.3rem; }
   .popover .popover-arrow {
     position: absolute;
@@ -3923,7 +3923,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-top-color: rgba(53, 64, 82, 0.21); }
     .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
       bottom: 1px;
       border-width: 0.5rem 0.5rem 0;
@@ -3939,7 +3939,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-right-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -3952,7 +3952,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-bottom-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -3977,7 +3977,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-left-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -4210,9 +4210,9 @@ button.close {
     color: #154782; }
 
 .link-secondary {
-  color: #8b929e; }
+  color: #7e8590; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #646c78; }
+    color: #595f68; }
 
 .link-success {
   color: #5eba00; }
@@ -4434,46 +4434,46 @@ button.close {
   position: sticky !important; }
 
 .border {
-  border: 1px solid #dee1e7 !important; }
+  border: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-wide {
-  border: 2px solid #dee1e7 !important; }
+  border: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-0 {
   border: 0 !important; }
 
 .border-top {
-  border-top: 1px solid #dee1e7 !important; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-top-wide {
-  border-top: 2px solid #dee1e7 !important; }
+  border-top: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-top-0 {
   border-top: 0 !important; }
 
 .border-right {
-  border-right: 1px solid #dee1e7 !important; }
+  border-right: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-right-wide {
-  border-right: 2px solid #dee1e7 !important; }
+  border-right: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-right-0 {
   border-right: 0 !important; }
 
 .border-bottom {
-  border-bottom: 1px solid #dee1e7 !important; }
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-bottom-wide {
-  border-bottom: 2px solid #dee1e7 !important; }
+  border-bottom: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-bottom-0 {
   border-bottom: 0 !important; }
 
 .border-left {
-  border-left: 1px solid #dee1e7 !important; }
+  border-left: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-left-wide {
-  border-left: 2px solid #dee1e7 !important; }
+  border-left: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-left-0 {
   border-left: 0 !important; }
@@ -4482,7 +4482,7 @@ button.close {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #8b929e !important; }
+  border-color: #7e8590 !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
@@ -5415,7 +5415,7 @@ button.close {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #8b929e !important; }
+  color: #7e8590 !important; }
 
 .text-success {
   color: #5eba00 !important; }
@@ -5442,7 +5442,7 @@ button.close {
   color: #354052 !important; }
 
 .text-muted {
-  color: #8b929e !important; }
+  color: #7e8590 !important; }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important; }
@@ -5469,7 +5469,7 @@ button.close {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #8b929e !important; }
+  background-color: #7e8590 !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
@@ -8077,7 +8077,7 @@ Top nav
 .topnav {
   border-bottom: 1px solid;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   position: absolute;
   top: 0;
   right: 0;
@@ -8180,7 +8180,7 @@ Sidebar
   z-index: 1030;
   padding: 0;
   background: #ffffff;
-  box-shadow: inset -1px 0 #dee1e7;
+  box-shadow: inset -1px 0 rgba(53, 64, 82, 0.16);
   top: 0;
   bottom: 0;
   display: flex;
@@ -8362,7 +8362,7 @@ Sidebar dark
  */
 .sidebar-dark {
   background: #354052;
-  color: #8b929e;
+  color: #7e8590;
   box-shadow: none; }
   .sidebar-dark .sidebar-brand {
     -webkit-filter: brightness(0) invert(1);
@@ -8405,7 +8405,7 @@ Navbar logo
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .page-title {
   margin: 0;
@@ -8429,7 +8429,7 @@ Navbar logo
   line-height: 2.5rem;
   font-size: .875rem;
   font-weight: 400;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;
@@ -8551,7 +8551,7 @@ Navbar logo
   content: "•"; }
 
 .breadcrumb-alternate a {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .breadcrumb-alternate .breadcrumb-item.active {
   color: #354052; }
@@ -8559,35 +8559,35 @@ Navbar logo
 .btn-secondary {
   color: #354052;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 100%); }
   .btn-secondary:hover {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2; }
+    border-color: rgba(33, 40, 51, 0.16); }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
+    border-color: rgba(33, 40, 51, 0.16);
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #354052;
     background-color: #e6e6e6;
-    border-color: #b9bfcc; }
+    border-color: rgba(28, 34, 43, 0.16); }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #354052;
     background-color: #ffffff;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
 
 .btn-outlined-secondary {
   color: #ffffff;
   border-color: #ffffff; }
   .btn-outlined-secondary:hover {
-    color: #dee1e7;
+    color: rgba(53, 64, 82, 0.16);
     background-color: #354052;
     border-color: #ffffff; }
   .btn-outlined-secondary:focus, .btn-outlined-secondary.focus {
@@ -8666,7 +8666,7 @@ Navbar logo
   display: flex;
   align-items: center;
   padding: 0;
-  color: #8b929e;
+  color: #7e8590;
   cursor: pointer;
   background: none;
   border: none; }
@@ -8676,10 +8676,17 @@ Navbar logo
     width: 1rem;
     height: 1rem; }
 
+.btn-floating {
+  position: fixed;
+  z-index: 1030;
+  bottom: 1.5rem;
+  right: 1.5rem;
+  border-radius: 50%; }
+
 .calendar {
   display: block;
   font-size: 0.8203125rem;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .calendar-nav {
@@ -8698,7 +8705,7 @@ Navbar logo
   padding: .5rem 0; }
 
 .calendar-header {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .calendar-date {
   flex: 0 0 14.2857143%;
@@ -8729,10 +8736,10 @@ Navbar logo
       color: #206bc4;
       text-decoration: none;
       background: #fefeff;
-      border-color: #dee1e7; }
+      border-color: rgba(53, 64, 82, 0.16); }
   .calendar-date .date-today {
     color: #206bc4;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
 
 .calendar-range {
   position: relative; }
@@ -8822,7 +8829,7 @@ Navbar logo
     height: 5px;
     content: "";
     background: #ffffff;
-    border: 1px solid #dee1e7;
+    border: 1px solid rgba(53, 64, 82, 0.16);
     border-radius: 3px 3px 0 0; }
 
 .card-cover {
@@ -8863,7 +8870,7 @@ Navbar logo
   flex: 1; }
 
 .card-footer {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-progress {
   height: .25rem; }
@@ -8873,7 +8880,7 @@ Navbar logo
     border-radius: 2px 2px 0 0; }
 
 .card-meta {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-title {
   display: block;
@@ -8890,7 +8897,7 @@ Navbar logo
   margin-top: -1.25rem;
   margin-bottom: 0.625rem;
   font-size: 87.5%;
-  color: #8b929e; }
+  color: #7e8590; }
 
 @media print {
   .card-body {
@@ -8900,7 +8907,7 @@ Navbar logo
   margin-bottom: 0; }
 
 .card-body + .card-body {
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .card-body-scrollable {
   overflow: auto; }
@@ -8918,11 +8925,11 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-drop {
   line-height: 1;
-  color: #8b929e; }
+  color: #7e8590; }
   .card-drop .icon {
     width: 1.5rem;
     height: 1.5rem;
@@ -8965,7 +8972,7 @@ Card table
     border-top: 0; }
   .card-table tr td,
   .card-table tr th {
-    border-top: 1px solid #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
     .card-table tr td:first-child,
     .card-table tr th:first-child {
       padding-left: 1.25rem; }
@@ -8973,7 +8980,7 @@ Card table
     .card-table tr th:last-child {
       padding-right: 1.25rem; }
   .card-body + .card-table {
-    border-top: 1px solid #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 /*
 Card code
@@ -9016,7 +9023,7 @@ Card profile
 Card list group
  */
 .card-body + .card-list-group {
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .card-list-group .list-group-item {
   padding-right: 1.25rem;
@@ -9040,10 +9047,10 @@ Card tabs
     border-bottom: 0; }
     .card-tabs .nav-tabs .nav-link {
       background: rgba(53, 64, 82, 0.02);
-      border: 1px solid #dee1e7;
+      border: 1px solid rgba(53, 64, 82, 0.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: #dee1e7; }
+        border-color: rgba(53, 64, 82, 0.16); }
       .card-tabs .nav-tabs .nav-link.active {
         background: #ffffff; }
     .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
@@ -9059,7 +9066,7 @@ Card tabs
       margin-bottom: 0; }
       .card-tabs .nav-tabs-bottom .nav-item .nav-link {
         border-top-width: 0;
-        border-bottom: 1px solid #dee1e7;
+        border-bottom: 1px solid rgba(53, 64, 82, 0.16);
         border-top-left-radius: 0;
         border-top-right-radius: 0; }
   .card-tabs .card {
@@ -9087,7 +9094,7 @@ Card tabs
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e;
+  color: #7e8590;
   padding-bottom: .25rem;
   pointer-events: none; }
 
@@ -9150,11 +9157,11 @@ Card tabs
     margin-top: 1.5rem; }
 
 .empty-bordered {
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .col-separator {
-  border-left: 1px solid #dee1e7; }
+  border-left: 1px solid rgba(53, 64, 82, 0.16); }
 
 .row-0 {
   margin-right: 0;
@@ -9220,7 +9227,7 @@ Card tabs
   overflow: auto;
   font-size: 0.9375rem;
   background: #fcfcfc;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
   .highlight pre {
     height: 100%;
@@ -9596,30 +9603,45 @@ Card tabs
   justify-content: center;
   height: 4rem;
   text-align: center;
-  border-right: 1px solid #dee1e7;
-  border-bottom: 1px solid #dee1e7; }
+  border-right: 1px solid rgba(53, 64, 82, 0.16);
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .icons-list-item i {
     font-size: 1.25rem; }
 
 textarea[cols] {
   height: auto; }
 
+/**
+Form label
+ */
 .form-label {
   font-size: 1em;
   font-weight: 600;
   display: block;
   margin-bottom: .5rem; }
 
-.form-control {
-  vertical-align: middle; }
-  .form-control:-webkit-autofill {
-    box-shadow: 0 0 0 1000px #fff inset; }
-  .form-control:disabled, .form-control.disabled {
-    color: #8b929e;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none; }
+.form-label-description {
+  float: right;
+  font-weight: 400;
+  color: #7e8590;
+  line-height: 1.8285714;
+  font-size: 87.5%; }
+
+/**
+Form control
+ */
+.form-control:-webkit-autofill {
+  box-shadow: 0 0 0 1000px #fff inset; }
+
+.form-control:disabled, .form-control.disabled {
+  color: #7e8590;
+  -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;
@@ -9632,7 +9654,7 @@ textarea[cols] {
   padding: 1rem;
   margin-bottom: 1rem;
   background: rgba(53, 64, 82, 0.02);
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .form-required {
@@ -9640,18 +9662,20 @@ textarea[cols] {
 
 .custom-control-label::before {
   background: transparent;
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
 
 /**
 Form help
  */
 .form-help {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  font-size: 0.8666667em;
-  line-height: 1rem;
-  color: #8b929e;
+  display: inline-flex;
+  font-weight: 600;
+  align-items: center;
+  justify-content: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  font-size: .75rem;
+  color: #7e8590;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -9659,13 +9683,33 @@ Form help
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background: #f5f7fb;
+  background: #f1f3f8;
   border-radius: 50%;
   transition: .3s background-color, .3s color; }
   .form-help:hover, .form-help[aria-describedby] {
     color: #fff;
     background: #206bc4; }
 
+/**
+Form switch
+ */
+.form-check-input {
+  color: #206bc4; }
+  .form-check-input:checked {
+    background-color: currentColor; }
+
+.form-check .form-check-input:not(:checked) ~ .form-check-label {
+  color: #7e8590; }
+
+/**
+Input group
+ */
+.input-group-prepend .input-group-text {
+  border-right: 0; }
+
+.input-group-append .input-group-text {
+  border-left: 0; }
+
 /**
 Icon input
  */
@@ -9685,7 +9729,7 @@ Icon input
   align-items: center;
   justify-content: center;
   min-width: 2.5rem;
-  color: #8b929e;
+  color: #7e8590;
   pointer-events: none; }
   .input-icon-addon svg {
     width: 1rem;
@@ -9697,57 +9741,57 @@ Icon input
 /*
 Color Input
  */
-.colorinput {
+.form-colorinput {
   position: relative;
   display: inline-block;
   margin: 0;
   line-height: 1;
   cursor: pointer; }
 
-.colorinput-input {
+.form-colorinput-input {
   position: absolute;
   z-index: -1;
   opacity: 0; }
 
-.colorinput-color {
+.form-colorinput-color {
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   color: #fff;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
-  .colorinput-color::before {
+  .form-colorinput-color::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
-    background: no-repeat center center/0.75rem;
+    background: no-repeat center center/0.8rem;
     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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
     opacity: 0;
     transition: .3s opacity; }
-    .colorinput-input:checked ~ .colorinput-color::before {
+    .form-colorinput-input:checked ~ .form-colorinput-color::before {
       opacity: 1; }
-  .colorinput-input:focus ~ .colorinput-color {
+  .form-colorinput-input:focus ~ .form-colorinput-color {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
 
 /**
 Image check
  */
-.imagecheck {
+.form-imagecheck {
   position: relative;
   margin: 0;
   cursor: pointer; }
 
-.imagecheck-input {
+.form-imagecheck-input {
   position: absolute;
   z-index: -1;
   opacity: 0; }
 
-.imagecheck-figure {
+.form-imagecheck-figure {
   position: relative;
   display: flex;
   margin: 0;
@@ -9755,14 +9799,14 @@ Image check
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
-  .imagecheck-input:focus ~ .imagecheck-figure {
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
-  .imagecheck-input:checked ~ .imagecheck-figure {
-    border-color: #dee1e7; }
-  .imagecheck-figure::before {
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure {
+    border-color: rgba(53, 64, 82, 0.16); }
+  .form-imagecheck-figure::before {
     position: absolute;
     top: .25rem;
     left: .25rem;
@@ -9778,103 +9822,74 @@ Image check
     -ms-user-select: none;
     user-select: none;
     background: #ffffff;
-    border: 1px solid #dee1e7;
+    border: 1px solid rgba(53, 64, 82, 0.16);
     border-radius: 3px;
     transition: .3s opacity; }
-    .imagecheck-input:checked ~ .imagecheck-figure::before {
+    .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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
       background-repeat: no-repeat;
       background-position: center center;
-      background-size: 0.75rem;
-      border-color: #206bc4; }
+      background-size: 0.8rem;
+      border-color: rgba(53, 64, 82, 0.16); }
 
-.imagecheck-image {
+.form-imagecheck-image {
   max-width: 100%;
   opacity: .64;
   transition: .3s opacity; }
-  .imagecheck-image:first-child {
+  .form-imagecheck-image:first-child {
     border-top-left-radius: 2px;
     border-top-right-radius: 2px; }
-  .imagecheck-image:last-child {
+  .form-imagecheck-image:last-child {
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px; }
-  .imagecheck:hover .imagecheck-image,
-  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image,
-  .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
+  .form-imagecheck:hover .form-imagecheck-image,
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image,
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image {
     opacity: 1; }
 
-.imagecheck-caption {
+.form-imagecheck-caption {
   padding: .25rem;
   font-size: 0.8203125rem;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   transition: .3s color; }
-  .imagecheck:hover .imagecheck-caption,
-  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption,
-  .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
+  .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: #354052; }
 
 /*
-Selectgroup
+Select group
  */
-.selectgroup {
-  display: inline-flex; }
+.form-selectgroup {
+  display: inline-flex;
+  margin: 0 -.5rem -.5rem 0; }
 
-.selectgroup-vertical {
+.form-selectgroup-vertical {
   flex-direction: column; }
 
-.selectgroup-item {
+.form-selectgroup-item {
+  display: block;
   position: relative;
   flex-grow: 1;
-  margin: 0; }
+  margin: 0 .5rem .5rem 0; }
 
-.selectgroup-separated {
-  margin: 0 -.5rem -.5rem 0; }
-  .selectgroup-separated .selectgroup-item {
-    margin: 0 .5rem .5rem 0; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item + .selectgroup-item {
-  margin-left: -1px; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item:not(:first-child) .selectgroup-button {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item:not(:last-child) .selectgroup-button {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:last-child) {
-  margin-bottom: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item + .selectgroup-item {
-  margin-top: -1px;
-  margin-left: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:first-child) .selectgroup-button {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:last-child) .selectgroup-button {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.selectgroup-input {
+.form-selectgroup-input {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   opacity: 0; }
 
-.selectgroup-button {
+.form-selectgroup-box {
   position: relative;
   display: block;
   min-width: calc(1.4666667em + 0.75rem + 2px);
-  padding: 0.375rem 1rem;
+  padding: 0.375rem 0.75rem;
   font-size: 0.9375rem;
   line-height: 1.4666667;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   cursor: pointer;
   -webkit-user-select: none;
@@ -9882,27 +9897,74 @@ Selectgroup
   -ms-user-select: none;
   user-select: none;
   background: rgba(255, 255, 255, 0.064);
-  border: 1px solid #dee1e7;
-  border-radius: 3px; }
+  border: 1px solid rgba(53, 64, 82, 0.16);
+  border-radius: 3px;
+  transition: border-color .3s, background .3s, color .3s; }
+  .form-selectgroup-box .icon:only-child {
+    margin: 0 -.25rem; }
+  .form-selectgroup-box:hover {
+    color: #354052; }
 
-.selectgroup-input:checked + .selectgroup-button {
+.form-selectgroup-check {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  border: 1px solid rgba(53, 64, 82, 0.16);
+  vertical-align: middle; }
+  .form-selectgroup-input[type="checkbox"] + .form-selectgroup-box .form-selectgroup-check {
+    border-radius: 3px; }
+  .form-selectgroup-input[type="radio"] + .form-selectgroup-box .form-selectgroup-check {
+    border-radius: 50%; }
+  .form-selectgroup-input:checked + .form-selectgroup-box .form-selectgroup-check {
+    background-color: #206bc4;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 0.8rem;
+    border-color: rgba(53, 64, 82, 0.16); }
+  .form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-box .form-selectgroup-check {
+    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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
+  .form-selectgroup-input[type="radio"]:checked + .form-selectgroup-box .form-selectgroup-check {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); }
+
+.form-selectgroup-input:checked + .form-selectgroup-box {
   z-index: 1;
   color: #206bc4;
-  background: rgba(32, 107, 196, 0.08);
-  border-color: #206bc4; }
+  background: rgba(32, 107, 196, 0.04);
+  border-color: #7aade9;
+  box-shadow: 0 1px 1px 0 rgba(32, 107, 196, 0.2); }
 
-.selectgroup-input:focus + .selectgroup-button {
+.form-selectgroup-input:focus + .form-selectgroup-box {
   z-index: 2;
   color: #206bc4;
-  border-color: #206bc4;
+  border-color: #7aade9;
   box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
 
-.selectgroup-pills {
+/**
+Alternate version of form select group
+ */
+.form-selectgroup-boxes .form-selectgroup-box {
+  text-align: left;
+  padding: 1.25rem 1.25rem;
+  color: inherit; }
+
+.form-selectgroup-boxes .form-selectgroup-box-content {
+  opacity: .64;
+  transition: .3s opacity; }
+
+.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-box {
+  color: #354052; }
+  .form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-box .form-selectgroup-box-content {
+    opacity: 1; }
+
+/**
+Select group
+ */
+.form-selectgroup-pills {
   flex-wrap: wrap;
   align-items: flex-start; }
-  .selectgroup-pills .selectgroup-item {
+  .form-selectgroup-pills .form-selectgroup-item {
     flex-grow: 0; }
-  .selectgroup-pills .selectgroup-button {
+  .form-selectgroup-pills .form-selectgroup-box {
     border-radius: 50px; }
 
 /**
@@ -9939,7 +10001,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 #dee1e7;
+  border-top: 1px solid rgba(53, 64, 82, 0.16);
   margin-top: -1px; }
   .list-bordered .list-item:first-child, .list-row .list-item:first-child {
     border-top: none; }
@@ -9974,7 +10036,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 .list-timeline-time {
   float: right;
   margin-left: 1rem;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .list-timeline-icon {
   position: absolute;
@@ -9987,7 +10049,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #8b929e;
+  background: #7e8590;
   border-radius: 50%; }
   .list-timeline-icon .icon {
     width: 1rem;
@@ -10035,7 +10097,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     border: 0;
     border-radius: 3px; }
     .list-group-transparent .list-group-item .icon {
-      color: #8b929e; }
+      color: #7e8590; }
     .list-group-transparent .list-group-item.active {
       font-weight: 600;
       color: inherit;
@@ -10050,7 +10112,7 @@ 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 #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 @-webkit-keyframes loader {
   from {
@@ -10116,16 +10178,16 @@ Dimmer
   background: rgba(53, 64, 82, 0.4); }
 
 .modal-content {
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .nav-tabs .icon {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .nav-tabs .nav-link {
   padding: 0.75rem 1.25rem;
   line-height: 20px;
-  color: #8b929e;
+  color: #7e8590;
   cursor: pointer;
   background: transparent;
   border: none;
@@ -10135,7 +10197,7 @@ Dimmer
     color: #354052;
     border-color: transparent; }
   .nav-tabs .nav-link.disabled {
-    color: rgba(139, 146, 158, 0.2); }
+    color: rgba(126, 133, 144, 0.2); }
   .nav-tabs .nav-link.active {
     color: #354052;
     background: inherit;
@@ -10190,10 +10252,10 @@ Dimmer
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: #8b929e;
+  color: #7e8590;
   text-transform: uppercase; }
   .page-item.disabled .page-item-subtitle {
-    color: rgba(139, 146, 158, 0.5); }
+    color: rgba(126, 133, 144, 0.5); }
 
 .page-item-title {
   font-size: 1.2em;
@@ -10202,7 +10264,7 @@ Dimmer
   .page-link:hover .page-item-title {
     color: #206bc4; }
   .page-item.disabled .page-item-title {
-    color: rgba(139, 146, 158, 0.5); }
+    color: rgba(126, 133, 144, 0.5); }
 
 @-webkit-keyframes progress-indeterminate {
   0% {
@@ -10436,7 +10498,7 @@ Dimmer
   padding: 0 .25rem;
   font-size: 0.9375rem;
   font-weight: 600;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   background: #f1f3f8;
   border-radius: 3px; }
@@ -10628,11 +10690,11 @@ Dimmer
     .step-item.active::before {
       background: #fff; }
     .step-item.active ~ .step-item {
-      color: #8b929e; }
+      color: #7e8590; }
       .step-item.active ~ .step-item::after, .step-item.active ~ .step-item::before {
         background: #f3f5f5; }
       .step-item.active ~ .step-item::before {
-        color: #8b929e !important; }
+        color: #7e8590 !important; }
 
 .steps-counter {
   counter-reset: steps; }
@@ -10662,12 +10724,12 @@ Dimmer
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .04em;
-    color: #8b929e; }
+    color: #7e8590; }
     @media print {
       .table thead th, .markdown table thead th {
         background: transparent; } }
   .table th, .markdown table th {
-    color: #8b929e; }
+    color: #7e8590; }
 
 .table-nowrap th,
 .table-nowrap td {
@@ -10691,6 +10753,9 @@ Dimmer
   -ms-user-select: none;
   user-select: none; }
 
+.toast button[data-dismiss="toast"] {
+  outline: none; }
+
 .toolbar {
   display: flex;
   flex-wrap: nowrap;
@@ -10713,7 +10778,7 @@ Hr text
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
   .hr-text::after, .hr-text::before {
     flex: 1 1 auto;
     height: 1px;
@@ -10727,7 +10792,7 @@ Hr text
   .hr-text > *:first-child {
     padding-right: .5rem;
     padding-left: 0;
-    color: #8b929e; }
+    color: #7e8590; }
   .hr-text.hr-text-center::before {
     content: ""; }
   .hr-text.hr-text-center > *:first-child {
@@ -10774,8 +10839,8 @@ b {
 
 blockquote {
   padding-left: 1rem;
-  color: #8b929e;
-  border-left: 2px solid #dee1e7; }
+  color: #7e8590;
+  border-left: 2px solid rgba(53, 64, 82, 0.16); }
   blockquote p {
     margin-bottom: 1rem; }
   blockquote cite {
@@ -10835,7 +10900,7 @@ Subheader
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
 
 /**
 Antialiasing
@@ -10901,7 +10966,7 @@ Markdown
 .example {
   padding: 2rem;
   margin: 1rem 0 0;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px 3px 0 0; }
 
 .example-bg {
@@ -10937,7 +11002,7 @@ Markdown
 .selectize-input {
   display: flex !important;
   height: 100%;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   padding: 0.375rem 0.75rem;
   font-size: 0.9375rem;
   box-shadow: none;
@@ -10968,7 +11033,7 @@ Markdown
   height: auto;
   width: auto;
   left: .5rem;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   background: #ffffff;
   color: #354052; }
 
@@ -11021,16 +11086,16 @@ Markdown
 .fc-unthemed td,
 .fc-unthemed th,
 .fc-unthemed thead {
-  border-color: #dee1e7; }
+  border-color: rgba(53, 64, 82, 0.16); }
 
 .fc-unthemed .fc-toolbar h2, .fc-unthemed .fc-toolbar .h2 {
   font-size: 1.5333333em;
   margin: 0; }
 
 .fc-unthemed .fc-button {
-  color: #8b929e;
+  color: #7e8590;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   padding: 0.375rem 1rem;
   font-size: 0.9375rem;
   border-radius: 3px;
@@ -11038,24 +11103,24 @@ Markdown
   .fc-unthemed .fc-button:hover {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2; }
+    border-color: rgba(33, 40, 51, 0.16); }
   .fc-unthemed .fc-button:focus, .fc-unthemed .fc-button.focus {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(210, 213, 220, 0.5); }
+    border-color: rgba(33, 40, 51, 0.16);
+    box-shadow: 0 0 0 0.2rem rgba(102, 110, 124, 0.5); }
   .fc-unthemed .fc-button:active, .fc-unthemed .fc-button.active,
   .show > .fc-unthemed .fc-button.dropdown-toggle {
     color: #354052;
     background-color: #e6e6e6;
-    border-color: #b9bfcc; }
+    border-color: rgba(28, 34, 43, 0.16); }
     .fc-unthemed .fc-button:active:focus, .fc-unthemed .fc-button.active:focus,
     .show > .fc-unthemed .fc-button.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(210, 213, 220, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(102, 110, 124, 0.5); }
   .fc-unthemed .fc-button:disabled, .fc-unthemed .fc-button.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: #ffffff;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
   @media (prefers-reduced-motion: reduce) {
     .fc-unthemed .fc-button {
       transition: none; } }
@@ -11620,10 +11685,10 @@ Scrollable
   body.theme-dark .topbar {
     color: inherit;
     background: rgba(255, 255, 255, 0.02);
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.theme-dark .progress,
   body.theme-dark .form-control-light {
-    background: rgba(222, 225, 231, 0.01); }
+    background: rgba(53, 64, 82, 0.01); }
   body.theme-dark .example,
   body.theme-dark .card-footer,
   body.theme-dark .card-header,
@@ -11631,7 +11696,7 @@ Scrollable
   body.theme-dark .markdown table th,
   .markdown body.theme-dark table th, body.theme-dark .markdown table th, body.theme-dark .table td, body.theme-dark .markdown table td, .markdown body.theme-dark table td, body.theme-dark .markdown table td,
   body.theme-dark .dropdown-menu {
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.theme-dark .text-body {
     color: #afbdd1 !important; }
   body.theme-dark .avatar-list-stacked .avatar {
@@ -11654,10 +11719,10 @@ Scrollable
   body.auto-theme-dark .topbar {
     color: inherit;
     background: rgba(255, 255, 255, 0.02);
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .progress,
   body.auto-theme-dark .form-control-light {
-    background: rgba(222, 225, 231, 0.01); }
+    background: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .example,
   body.auto-theme-dark .card-footer,
   body.auto-theme-dark .card-header,
@@ -11665,7 +11730,7 @@ Scrollable
   body.auto-theme-dark .markdown table th,
   .markdown body.auto-theme-dark table th, body.auto-theme-dark .markdown table th, body.auto-theme-dark .table td, body.auto-theme-dark .markdown table td, .markdown body.auto-theme-dark table td, body.auto-theme-dark .markdown table td,
   body.auto-theme-dark .dropdown-menu {
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .text-body {
     color: #afbdd1 !important; }
   body.auto-theme-dark .avatar-list-stacked .avatar {
diff --git a/demo/dist/css/tabler.css.map b/demo/dist/css/tabler.css.map
index 5865ff63e4935b35d51554a9d1c187221cd5c5c6..7ceea70eef002dd746f9b99332dcaf35e5cbf8b1 100644
GIT binary patch
delta 14459
zcmch63w%`7)$ebglXEh25=cS<2@t{rF+4I!W|GN^5oOMqb0$L)$O8hzsDwNx^UTbI
zWTJ@l^9dGd$GUuisI|5FRczWGABZTeRf__)Y8CO-)_%9O6|MENt<}5EV<wXTt-bfV
z*WVAEv-a9+ueJ7i{WsTqxcnz~mL7Plkn^=i1iR?;w?`+A6n?%St5oO|*PBI$!(kUU
zb@s+jtSDVlDRj1^(Clu<2=6xAgwBmR)$Z67<a^^w?8VDRh0Y;iQ$oOi&}+9Nf1}%s
z3t=HC1s5i^+Pl+c1%=MRhE|Oq#SAy}PW<7bTj-2YVUTxhvWu>b9r2rlBV1!pu)7EN
zhL8|H?wt33`Z@8ba}$NKeY{hXJ#mR^4rLr!KjO5Dem)w%!Y$3Ut*hjfuc~!bym?cA
zuhhS-@ssYd%uyl0ufffJer+cdJxPk=wX6TJXoL^&-gZStKR?tS63jtl8%o%VM90L2
z#yqk(w$|^|o#W@NYr{@-j@xbS3Gl;fM|fp-Xl?warZq-ShxS=N@qW`^NM=w7@wL3J
z^Y7OHZM3!9kUzp#P3&yjOgL|w_Bqrx@k#rYgd1+rzC$e&SFHarlNog?_dLpvIHN**
z&s_`R7hgOBZ5iWhC0*+1#eX*zM+CG%tVGqLf_a#);ypq{&=s!a>(N7d`c4*gDu!0_
z-Ds!6vn8mr*c}$$9i8}ke}-XuHLo04$=C3@q*^2-C6yu-O&3ISPZb{)HYnmE!bWop
z#SJMs;I~)M<@=D3+&PSz;Z9LBdz@AL*3>17vV?0clp235n$updODauBsz|b<e2+7P
z?9EDWDx#v!fyq-U(M{SZs9&v9Q>YF%Ok5sZY{>U_^x55Yysx9*+*8kcwXdNL*bpR3
z;-^M`g&|hU_v?;5GWI@EcZgGV;MY(`{P6h1KUrH6f8_G}{>gel{OT+A=GpMDs7p^e
zyQ7A;xq9KFlVsjR+qR)}zOn^FN%RQTmaV)wg6@s!gfWFMGMzAtgc0P>J?;?(TPMD_
z`Z;RhKtqJLw|ayMSCq$l9}-Gk5uMBJ5o+WAdHn<b-*{H;yvL;K(|lHa&|056{^ibC
zc6hZnajPC7<{pb*zpE?Ls#Fu?scgh@a(dSV*@32HgsEH;7u*;pN}Ui~`X!$F`sF0I
z6bZG?M0N8Dqt4#A|E5j3Hia%u(k)`|#L1iPW9C<4_SnUsU{%toh7Sq;wiw<;Q1G?I
zZ~xY}vy`jR{A_mw(S>VnX(-vC=oS<@lp?}A96{uFVD@X<TL#ocUrYSpE$3xNP+DU9
zFv^_x@Rp~U4Z(GNDlxGV6T<7FsuU4J+R<pP<Hv<FnFiO5X-wvBhof6Lbc?xfT&Qcu
zTNh(O?L_)r=_G5kEpg{|M@$IC7wmn|7;7&@7K<<zKe2Zy=WVaS!ekMK+T--TZ|07o
z@quJVun0E3cj9~dVi{O`YK3<6ZjI2^8LxWqx7>hQF=~YV=tS{D-D#PnLcK8PR{Sq@
z#P=NdAk&6~p+<$Usbga2BOkGNLqkqMzoF|NH4riy|Hfm-h$Y_r_<mA3K|kRpBsS4}
zFq%Hs)~0we=&Wi(U-pEYwzgsIJO0LzYqGp;l}S$`PdxCGYv$IpXgjJ~v>i1q+K%dY
z=1+f<?ZKj;c~~5F`kc{wo;6T@XWaTqK5@p$E9LRV7Yo!sdrlNkF=zZEb)opxa?0Y2
z7r&}<{kA+_g<SY&qUG4Wn`Z`vA+bt{IFD#^b;d1n0dUuoJh`-&*wbc~;;OGzUG=wi
z#;<y6w!CYQ{D?hQHIlI!6_AYj4N44p#L^8>7!Q&0W^b!f54_?~E2jT2?-M;p&`t3O
zW6k4ueI6m|bgPR4t#$bA6)RfmmFnRWOIzv^++HyXj$!g~jxAYN?GC>f62?FXlMgbr
z@E;bH@P~H}k@<2*gnW^fW8o9NvpYt_YJLoQ#)uu8Totc$qfxQ96aI6IR8c`8ewWvh
z6BHa_>_iy77QTWv*9q~ryz1gb{sIcW%6v=UwiwCCRU`~LlT*p4xUm-=kCBR*HP}}I
z;(Dd61jP>dvlv-QXNI+&C`Oc?c;cD@aBd?P!Uy*f?)*N7qfbeJesgzJ90;qC84)Xn
zm1frCaP%l^y-=}-<g<2%P~8xMYqya_7}MioH(C%AJ3HagZDemwEZOxiU&JUsCih)Q
z+KD}goE3sT_#l6GFIqPu;3zOI1_V?zrqlo&BgVz>q(Lz;=In(%GHH-6x{CPdnV4N-
zy<(R|EJeGX_z$w5<b+&_PKym$9C3|-{~EF;JJc{q_6lpp;OI5v$((BUB-J7gtd7F%
z*Al+KhJve`lAgqs=3d3<`1V7yGb%)HO{-{kl!_HF=Q`3~UD22-#M?B65vMlygsaRw
zRx#9+U=l4N^1vh45ld!GwI<10-73L}Fv-2;dh%zZMW=3s&#x!7SYXl2R^3}@tEaUW
z8g3xYMan`|TZ)>cZ8&j?6=ID|7Yhe&Ad$=w{WE0KPXWsh2nS6&$!sp7uLW%2-AT5W
zc=hl4s#Y9=6*H7mLLDimcsqJw)-H0j(Nd)yvlaI3A_FUw>j-abwKrSD$i_DF0M_pT
zJz1I^8?gwt;&&_FDr&v4S<5-(t=!NH&Kt?2nBrD(u)EpbiVo^tBWHe{2qZ&EE}W!9
zoXO-(yU9*!#;8y&D$|8c9N;_QqdjE7tQu@UeUl@AxUo}S{0-7eVMt<pAa9+xu2a4>
zPU!4KbwY*cQ_5zk=odQ8rT95np-V-q(D3xV#8P7y!;&}Fju$;FRgASu`kf9+k%m#M
zAOljkVT?y32PLmdDU}1#kSoN)7mtyAi0&qHwh!?2V(CVuIn;^u8!>Zx2BiVDB@Rdx
zN-9NguT9eSR!LZ96=4zAaIzK;NCDSY9&a=(4d|NGYMO{{vtMvH{CW|#I~>whCF<5<
z3JppgtT6U;)MyZ!E?jk-)R-M@VN}Gi!EN5)aBN64M~Ay#Gb@HCSM%8S2BaDup1zMX
zZ;vWI8jwcNM+iqyy!wei#_UDrI;ST^%_?U=k**B1gHn`F${&zo{1$Ct1fxNzybb~D
zt|D+KF-q7S15(hb1a4T0jA;%JjF}Q1pE3q$F{MZugo<ZL0bF%2NsGUHO+LKXPiAD{
z>DuJ2n1N;Os^<Cd#kUF1RpWT88s~)W?~**|x}R{{`)ie=>PIxE_ym9A2<}JQtdk{Y
z01eeN^QxMS@<Wx1Vl_^`q#El>4n7Edcr0Tz&WPm3A;aNFGzz>Nw=Yo=2Bk5qyQ=>?
z?TY1<PAnIS>2;%;=~bhu<v3rMl{%cfDq##!n!_=wmEZ(f@HIr8xIZcl+m!tg$!BYq
zVAX$+1#s|wvO7aT7T5qKD<6gS?~sj|o*IR3M5?bwJ}fyVc<npnO3W0Wq#!%5gvhSv
zyQG&`;JNRT(acz#!apiS>oopcxby+CANd2)YUKAzjh!&#d*lM_Qvqp<UM7%?rMmb<
zbam)^q;&2`J5GLXzZ7jBS5T!C(Z9p+!|#!PEaU;Hmd8Twm+JTqSpFdKE=Eu(+1k8<
zz1c5SwfR&~iBXtD%YMlwz+(@RhckU@Qu!r6Hd?&$Jh=WLQd$%oT!(tcq@lredhVu1
zQv9mIxp3+sjG(BO<ih>elbJbMh$cMiaE-(9Fv-J;%)vWKz1;MDvSLlpRfqQw5d*Gz
zCjvH~6zoGC(QSb~MMpj)*+eDIgHn~KB94$`X;jBvX}l4Q?+Iags&g@BXB19-pLCXu
z3L$B$f^UP;D6iy~!{Jp^#fJ#RiFuPi&5qu2C;TWvOt~m#FafY}dX|DhZ=770TfQMA
zjo>t=h>Er;2tFi5^zX3ptsFI`q;gP-37v4dpUm5i8ankjL-JPV5MGs%%U-n3>*X;J
zwHFbuR58R?DLI3SF|<@|)yml&W}D&(FJFqQ=n5}iA(*`wQAqM5%2!DNC&I0eRN0Ef
z$sLret?ENTNZLM@$TvK_(%GrWkF-QZSDmOI9T6RalD1%39TlC41q^tx(Wl?<dWU1Z
zQW`oGCx?|cj-V8Ac4ET`Nm1={1V3@;lPm-LsHoi9_yE6sOvEmLZka4diXLji7tK?I
zBK%Q=*6C9G2`Rn-9)%#JmMT((ctxdlj7xPDN(#lKstPr=v3RG{F@C#wRB@h#AJO8-
zg1BBCvyzdx+NVTAtJ}QEp}Yz?um(?yReY>LdQY=rdB~L*tk8T(nXEk6brn030-I5w
zqS&yaSUPIvL(SmLhe>1JxLfTwR;ebS<j*j_bzmLX50IiPi%M_^=xvL%H2{ML$cKnZ
zwn{jGi6fG;BmRvYx$@W}q@LsiQU<>fDS|Vu_4{Ng{Qd`|J!42s*AdB!9lc?Kd_=ON
zt^`bVk4QDr7`T5#;t1@wO5w(&(xaF!y-@mNQX?<@G3g@Q=;%5D@xBxu{myQg5Ufa6
zN$K?#X<aAmeUzATCQ%AjT44yac<E7M#=%@2DI_aCi~#!>8P2Z5=N3KEDy4vPOuqIp
zVy7~KYNFOi0Zh~vo*)ad2U14&8mV&(K7E30$i`VU;n_N6H(Yv<{Lna}LdQBOD$jqC
zc!+U$ozm$`rI7sfL*()_<7lh)y%lnfkk@9~)&>*6qExDvKRrSoq%uadalsWuS3UGB
z8BJeaD<m{+_PCVR(dzIzTd{2oxk{T7;1rjJTI4k^kr+t<CvLCHiclSXb&Qnf_){>8
z*HwY8nSGq>pX(44ja-4j39E$F{Xl+(9pyC~B^K0Ft;fKyxT00-C5$4gE0#itKi#<i
zTqj6V_9QA2hh1X`itar@Zp-RP_(~(njW3f*Qq-pu#E7d`c_$E}t}vf?O^CR>e6M`R
zFUaGB^HeM6R=VnKaM>$l^{i5x_FZj5J;bOm?t+=SiKBS(V5|-<y}wquy!!SE8!UL0
zv~mObcdbnxdzJiBiJvi-0$)a5ot<*muSlCh8h0rvA9IPF^1;_NlGU|Ai85D5r(ATB
ze3RfSZnevuj8mJdzZZV`CaGNJS8q>2O<3t-{D`z(83u=>rXi)7X=tyKA8~a;@hKcu
zHMpnz@0gcY{)hMuLNPM0e4|n^EBQ^T7!THOl;a-40**uF6woJn_@)lI`z<m^GE291
zpu2(%Ra-k8@W^{)R9^Ki`7Z+a_b2kwUy~@4864Pv88qB5G_b*`q7PUYAv5IX{)==P
z8n9|MtWLD^V8dD*SJa0`e3)!lH%Z@wboD=c=N6Sx+c3mWt_E>J4}3%p{*OxY$?ttk
z*3)clUtM**MPB(Sxod|00gv2H&x6oDcD9_AMtyl99Evb=V75R_z~TF72L9n@XVTW1
zWpGTOHfoFIPHGgcDrXru5@B-SAtyC5^>eQ55UC&2Ol5ynzYRWbpuWcTZ0YIit%9aC
z)O^_Irj{|bzM8%|7;dBr;chpT1)sU8W{oJXUQPWV0|{&{g9qD9aAmGx0USL_EtDM{
z)UC#p!*(2|mdb|B)T<<2v&{|{{gRn2|E-%UXQ%QN%8i3m5i?1YLw;%jMe5+DAXT6q
zr`RcfKS+&cCO;uZq8G}IS5V(CN;qu)Otui#Zlp_L_h~8v-prw9O$yccZ@7cnw>-iB
z(NQWd@jLW0Y7SibELF|aY^klR1@a*?C;hyd>YAR~8c-Lnyo4!*cb=zAXXDua0#%Y}
zt2Udg)mHqg#tI8AWuhuOs|$H#Gc$*&?#C}!_#CzO4DLd>^)kk)ZP8o?$`)NgdE@ic
zUlSjYs`>CcRC~gTlnsFNBKTl4lM5@~qd4HY8S@NlWesXqRfT`qY*73bH4iR)kIIIN
zE@jf8<t@sfd>Y}-cd4ONk&LPjZ2m1?$3^d<?q?Ol!Hi#1^@)A^cT#h~bePJ7yWXdA
z;l*E5>GG~$Q{S39?Mk4Yp=ZeL|DdvrY7omFmM$wvNO`w{UI1^FA;+_3`VNvHqy4!s
zUQR!iAatK#OmJBReT7btabt68oME&S%B?kYE3KXKKs`N!Xg{A^L4PtsH*t77wG=Fe
zDTDle1D!=pF;pgv^wD&t-nzxw3y$?v0ozyISKC*w-G-h=Tsv)Jtd>ekr7X15r&CiR
z=TaK6T@BqSKX?iK!&yvaRdrQ2?AS`r)$=hYOwWZoLUd4HLKn{0(=oBM5Kf2bTDD5t
zt6sPETRuEYpUg<{ZN}G`TKV;Dw4Y3xhPQXp$iUid^eQM{Z#2S%H!>WQT}Nlbm(Mc>
z`4`*iV(k`)9a`7Wg>b<xIv2KmkFJ%s+(2KYIShu2(sCiIC~c<9?V=awXvL=WI?V2t
zJ872IDpRF(8GQ5|dN$m>m!1Qg@1d8#-QT3s<tO*igVZ#ZeRm_v-S^Pxz<!%v1jlct
zjq;v*=<4Zw<M*Nm6+RjHo|<})Sv#ZRR@xw!KR}nvPJ~A1AzGMKU5}YpXE$x@3Umd^
zeV%|9TH5i@)%Q^u^6^9T9ob3O&4PPYv$<e-nP%a}W9S2{yZI@!=a13u>9nfj^y2BX
zvE%gm>9ju`r<b0E#=^=IXEJ|r0v+=B3HrS0J8)ssR2m0Yyo`>UqA3SQUZ!{Im+yFo
z&I1byl>NV;*R4vWhVs%F`R&}ayApw-@~YI^XQv%arCzr^KTY1A&zSPnGMuI~0eJUW
z^y8|Z8(nf*1#_Q4QDP1Zui}d27i*a(69rb@)5IK4_PPER=EuooR?BwqH^z(MoefO7
ze0LkO#%R!+h6#o~FwTdZF6J8bNXl9RSwF-w)bdB81%A`TY?~b(*wVdJDQPx~*`!oo
zOF1&_xC}21OLqU9v#u`#tk~zn`JZ5ytGJZ8OXI4nGn=YxC<&!0QkH?~IqJ?N7pGKc
z-(&~M*vxE)wPh*2SpLRl=5u2r^7eepoDX0Ao-xAHL(G+#TcUxoeqXRV>In?MmDgc&
zf9jW*gO}AZM$?vHG#d1;Fj>p1!+m~xSHNTndj<xh2@14c!WBTBm+45xX^z&>e&}W9
zkx6$w_o?wb`L8}^K0T@D{1DTW{E`D9W~L!U%F{cs^X<Ns%Y>3~92$00TnW6@$YjZX
z7-L?i61Kc>IrHM=DLb-_bKt+XVG(|KH*JJtESC>AeTE+Y@(SkT#Fqcw#@w$)gM8nW
zOkVQ34{c{Ebr$*4?aarN#`EFVn3-CAp>VKxU?yjiS6t2P(pQgO%dDhQly+E|0yuCT
zV*twy%$}ri@bg{FLI~c#aPsLJn2q}8wKp;sCJi}Iz*Wo7?Pivz3>>N_q2Oj_xu%Qz
zW@gW{<wE)M+n7I=XwiM*W2Q*^HT!9%JFjB-@~(gs4Es&K?k#;jyu9TVa9{;j1VfqB
zY{e%Ac=&0?cAmOi*4r293420OPcUG*T)AmAC{}0}4kXAGv*&3ImuzEZ8|o_Ss%xz_
zJG5j|vx~F}HhE%CFc1v~wKKZ{Fyk3!G1Pk5EZAk|X0sYMT=EQKo7ofe1;Z;$nrI8$
zeIef2<Iga;`4>k#<9(NCs*HMiqk}6<-6PQ;tnEYPUwVf5Unzc9hAudDgo#bkl<RtA
zCAR{uI%zOM$?q_ROn)b7&{4?Q;NT;)VP?6tG8xr_eXt`Nd&(QVRL0!$+9Z9Nc4|#n
z_*140em;|(3zxN{3qQD!GsB^uGX8AU*O5_Av}aIr_HiE$8~LYjT0Q*?l@6apaHjb(
zgyT$b6#v?M5C_3ke<L&C!%aBn?C?>AIV%Fe=+YHEgMB^TzTRb~D@_oJQu*eoYUuq!
z^|m_@8i|?)!oiV{dL}x1|6X*^w{E3o<*C=WB^d7Q3zzA6Yk?hiP<gNlP@m4*P=T+#
zOwS?~dEv9n?a5qt>SxT8Og~0W860qMVR$ElV%c(yu$<=_VCC~ny3R1pbD>GE0}j}Q
z@Y?fCmA=fqz)X-j`KcEeJJCsh`#DoMxoU!%qf8$BqZ<`^(TSH|aif8S-lNRbI?pDN
z6IBheH4Qxe?twnlLtu?zjmWNMXTS!Yo1d!Hry{pCMJr{@GMG%d3E8hO^T2YWfr0v$
zn1Fsv=y*~qq%Ki&H(P}h*qoDFZ#>Qv!{#vNP~9=+bjk^8xw^ZK<zOwcoFP-jjSmpS
z4*S20Q5M?4VKg9KNgjaRUvux~mzhp|_v0@!L;BCfzhHv3D#N7pD+YsG`@*_SljJh>
zr#VIENppu^VRB8=#GJ{W;t6Ggt^z7H2Wp$R8PM{}<mI<Eaka3=NY70aS2aOSdbv69
zHgXkCJ8O!{u<{kAKo>q$MV*+kes-1c^a8l^6{a|MN&@Jf+}q48g=dzq2)5R6T&6x_
zX<k0s%vq;WPP~fd{mzKvi1aFBfsgT1SL5=N%s`&HEz;-f>xrtlR<<QL29Ag564=*3
zb8x7Q%YceEnL03ChW-16h4f5#dkd8u_EfjL^d>Wq5-|!C1%#qAipr}ZX497L9<L%g
z&}&k^)s$C$LhBHfo0mM*RPMpzx*{0x#bD3PTwcZslf_h4u9h;D)tF=j>l>IKr~iVP
zwX%yzpL2#0S{5C@-M9okU&+mbx1Ye_^5MPMbFWIG_0zne5ZZ>QS&S+d9`;l7DoXXR
zo92<TP_-i*B2LH_6P*E@hNuiy(-2PQ(z7k5e^=It_1s)I@IH<&iY(|p#pIjMune!~
zoXYHI!8e6Hr>L1w5u`4ij^|Y$>b4#mrsmb^#rWUW6OYM-!ya`0mqF@}uyKgWOf|eN
zQRV;d1UJE|zH|;UN3pfsHcTxuBrD0qr<et2kK3K6nAOAvIag4#Zy84y3fD4o@ZX}I
z9;EVD;`50HM$T}lN9i;x`hz_qk#ngG$JcR%(DW&y>*lwZELC{kQ;7Gop26AprK3!G
zm%|tB3kSNReI_hk5oOj0_Nyhyq{Y%%GI?5%^+nEdv&wy64)4;~Z(nJ|8LV5vo>JaQ
zr`Mce2eO_^M42+S^aY|Q>hNl=Z1K5Vktzbt?dR4mW;T5I3B{_HKP#D+$>Y_%m1ooN
z>?S7k18WnPtJGn(NF4&&)xvZZ*TLOyF{{-)(N7O~e7=PL0Bc?WJijC@Q;qpzO}|u*
zX`Tm6y+V2DZRUM#f~64<z`Hs0JURLvvz*q^+nV3v!0qqiUQbWVbSg+V)`lSJvG<vS
zX*yp;4?RcT^9SZN{k<dbM<$k*Qh3yvZpOz<VWPKGe9T;&n9vc!EGAQ*K@R_!DNo4W
z{|U~U`JXWtPGN!W&zRSzP-N+^%=$!?ma$47nw2>1&0@9`_7t<<NCBntibd>Y3A70N
z&S&>0^pQ%~I#SUciJG>IAY=+$+}j=PF6;F~{GLc;W!Iu;5ZAgE>Emp0B#KzSPYx_$
zcO-|dhnKN)<cwu(LxLi2TF(BAD%K&V($Mu$&ezwE2&^(RW{L!To?dtoUjk%z8G9(9
znmohGR;MBb>^1rF<{I{uRIn1dojOmxte*WlJ?VA1dnMbNrp_iBjK0Xl=EI*HtN~tk
zuv>LsoM^)rp;g;3*_0th0l#bCWLC(}@@xhvJUg&e%Zdq3h-?9TDzKq{f`3agEtU8Z
zXhqy?t+c^DC;P&=aBxUu(bnng=fft6U6Hs*e6E_OD4PL?BsN>sSbd+qdm~*dXS&!>
ziTdmVRDhiiC&M@|Jnm;};ie;qHR%BRD4ATAe-~trXs<u8YJ@c@>}ym`aE!1E;lMDP
zE_X-Rm$W@H@+?nhgCS*512WF$%APCOi3?%FLG}VDe1grK@Ar%?UA!gO8^hE_9Aq|~
z*Wcf7Hr3e9Uk27E*!h~_Q#h0d0D1irEJft_LH1ZqPDneTE3jDq1*cE2W_im??6c|E
z-G=+q^P#CfJrj<1rW;{=HI6F(IKeJ}<9+EY?CD8Qht1vT>GIlFSvJiW@pmm!(LH?r
zI$LwyEpM>+CmsJ7<Xhe_UNJ8V`^#Bh4Ca5O$AWos)?bYGis!_p*MB82+R|gd2fQ+l
zgSRFOx#0W6m<1*6+)Q}kS~h#0X}M{s)nYlnVsXUZ?emrOV^J?tz~nN>GjOJbCM;WO
zk2^bD1q(t{*kb4IG@48$8VZFQP8m$Fp^uuOAkPJI`32mQ<lje@G$KoIT*%!Bf4&lt
zP69se%<l?J>T(8vEN(F@f_K^s>G=AYv(~Uo!HhZZaTi*?%SX*R2WA9k7dJ2eD`3P#
zRY?Fu%v7)f4vq>uoOO9(St~jgyGf2*#I2<C;TYlJxc(D?VT<-tMoc&(!GUORKHTHv
zmceD;Ma1=UC%0SQfWWRfOKpCW=w&LTJ5T3CG<T2w6OqDP_>GfW&!r$7ga`BG5*PPO
z0%EEJ+RZ_Nfas+i-frMn`15M+CyS<?s^gN9v!bS=N$tw|Jp&`*KGPJ&6l_w|#8p9d
z6Pk(8<mUf}r_6_eW^VbvhCP`XDZ?Bf>Z#Y=I2G;`n$-6_{clSmKXf340BAG(N#qP?
zpC+fEAUizMn4SyYx&x6}UOV?ExZ^O+*$T?3_~$4G&r~mTD!9o>0XN8D!qCk2V|HHj
z29DK%W`vpPZo|wBZE{JXnWgXx7d{8Ln+%H~ui0=uh<0v4j%H2DNTWiTx#xl(C7^<q
z%8S!y!QNL`7EZOKrx$5T=(?UUxT%O{-nph@lP+@p8pFa_X9`k>!80+MGTD{@88pm?
zciIg(N)gY7uC<20z~*!#mpxqvP%umJzrrjfprVuG>(N6fFawUa7}&33+@gPpS|&vo
zL8u+EBXJw@RFro1@If$A2p_D&;w_b9d;a_1j2V<g1t)pXT5Tv&(MhYtq>dGfLt)Iu
zaLjBfuUv*MOo{H4i!J+#P^Avqs_`F+^VV|}y=tNS9|0$qPZp+Bo$wyPe1BR2quxAR
zlx-}?88a>J=??dnMMB*@_(T`8!->z0a~G>tC7zt7$w)$g8^18lg<CdpC3;3948ebv
zAEnas&k@m(Im9glOOQ*eHQ|3}q=WLLk&v#vx+-iYQxKK&L}NG<K=&a-0UUnK$b1FZ
pA!Mdz$t2b&J~Q&CnJ6R7=(AbN)tUKU%+so~6XW#qo!rG`{~IdCU0eVF

delta 12341
zcmch533waT)%J5|d`H%JPwd1??8pQ{f*f0t7uj(j(Trzg$9BBMi4$mI$BVqkmgHT|
z&Qd}MSrFuuHiU$IZ2~SGpb$b?K2nxAB&-Dz%F;snvy}3Gg%<Li8EIr2r}X3b`}}?$
z$-3v>bMCq4p5;CFnSJJ~KD+4fqqF$o<u0*UD)BFGAANe(KhvkV#MP?`g)GV8a1=|c
z`USTbczL1OoF}YyP9_(ZIR=EXtO8+mi9S*6SXGbfO~skneqr^X;1YE?eJH267+K28
zvT!O_&{?Ea>eOggaZ^O1PgvdW%nR*}vTRPAd3W(%Hr6k+3-zj=&R(HN2y7Ogj_yPe
z#bqv`TP1i)QvY8Gqi>h2VsIn3P#4~4bcu5YWAxMyloU(dLQi0AnVjNZZWGke@bX+C
zYgLah6dDf(j+8Ax{vM%B<?j|s+r>bYGc%C9^xHW@NH*8{#Nskkx3*Wz@*x3_6f_SK
zJB3kuc_KOAQ`KD(vRSv#Th&{FCMzq;YVHwSRReh5ZXst`z*Dizm{%Vhj*LE6@fC^l
z30{;quK0f~1C}4C%R`nvp}#J0qHg-=`q~P@7t{o4`8A^_>NXMHRUI7XRB3D6^|#UJ
zd`T5FBos(^grD4;9w@vtCeAMm3qA7q4mFql!#LZeUV>y38rsz(<q9jqH*OPZk$JPb
z1-?E_(gNSPZGqWs^XIrl_10`cw^$@-96d+~9=O<H5i9~SRk%||x3qm>IL}?8ZikCY
zLgIUn5VDR<@F6vDpgZ~ELG(XW=1@sU=5W{{k=cgJ(1?<h)lrfw*e6c8)boATol@tO
zf)adENJ1|XLU&^m29R1@T&cRQDk5L9=;2`#I%HjXb1s@ED8?hBOJ??FjP`oC$eD%p
zt;J=9g1x>itGP%h2#)gW1G|RKqPy6IigBCXH2e|K*5mdQ*5e4*H?F@h@WjZDADDmP
z2j-Fkt2gYQQGom9<0a}AFA%yg#sUda>ge2!od#j38of&D5C^LVg{(fIQ|t>7dR4-}
z_X$2EcyLANPC7(;_2?^CKF`c9aP|qsH63EUvtPaDPB9M&A%k{^*1*<n_xyibld%0(
zlcrDQIrYKQ=9C6bZuiIMmg~6(Y38Nwz-8B77TsQncZ%bVO1#r&u3Z#Af`ssSan)%2
zjsQ{fhS)TIk-xldJxOwjZgGOgc8P^Z2rSyQDyaZh_h68P<aCKH2{YZ@yKbjxJ}rnn
zq8B3pbE{W$)%sBZkC;;vaNT%EoO(k+wql0|Et$5rbZ&#HqDNeX&g&5z4iAnTC?LpQ
zt!jnrRe@{v&WZ0vX*#<PWsW|+_bIxvV|lAa)MxyndwIVmMZ(Z=lxGzRBjVIW_PXKV
zqO2x|qe<O#T~_OeXsg4^m;9o2^wd5Brlwl`>WdwIu`}?=&G#Am>dd&rBK8LM@1Mt;
zYYQ-dEn-n^U~K>ONq)g9j*Qn1i`b=Bh=E)DQSlfrVz*|Y0@1DJif``y(6~%JVS!lH
zKKk)}O%bs!u}JJM)$U?7-kI`vMxg)j%drJQkvO<iBV#;|E_?6`F2*BvVm?64ox@_o
z=+Z|b3GoH$9z9M50&^ZaNQOqAeXNX-zR|eH`wc1nTGg<glHpo3ZL_z;U+W8w1N)x7
zD$ZPE3mX>K1T4>7m13z5a*R|5IV{ydj*-C2&wP+z8?S-Bl6>_rna`O<-+%VBA#moe
zT;S*{)58DXJe3?+@Okia{LSRR1D^&zRqrMfTVT(bnZfTs<C|Py?B!{JPhLsZK8M~-
z4t)03zyG9;SpunJ$${%$2!2p*fIpF}${RgAMgs8|!cwPGHC~6*<!l$>%$wxAz|Lj7
z^5<q!91-slJEdXG(>f%7HO^-qB}qzIJ9(J<f&6zNEb@>qqP(kuf_<ynq0mc4D$QEb
z>5_`nq~jCZQeoKXF%o+#N6=e3#Qu^pZL*+R&AMGuel_|(f(a=P2|-Vmx}+XB>m`4U
z?+Y8d*wHPuxPj><e~AtTn@>`M4WgbRX-ZNb`7R<3)3qK71JW`#oIgy8vBc&IHL9jV
z(y+R|YnbE)cD1Gjc6IH~>=ah2C8$eiK%H`h{s~oWNa{uZg#kawiNhi>5~@}ftX9fH
zelm}Z&JEUEDG%!roE{{}@ZAP-Nrc!_+78<`lJn5*N2CGG?fp`}y7#X)lKpXbAG(%)
z$>CO7H<3EB*oSL-#c(F`OPJs>hzCSO5hGHMSYKS`$9%8?^&F9MC+O*y%$T3x_)e0p
z#BU+M;<i>PSQ;&oS{jvyuOJ6Wf)#^H-`FA*l)Axn6<L;GMckv4F{24?c=jstM1s3~
zoNST$%G)9EQzE1mplo-=xSesT0u{v^5^x+zipr5}`886p!z>L$%+;i=xVLhmn4!wx
zS}Cj9;b>O5TC$q0k~O?YvPjw*6>!4oO(Y4PzM3Q%`$9r{l=rSCMq=y^joabNZN!dw
z84rvADR_)Bi!@M;7P<HuQgXgJ)mb}HUtg^XX{8*gFE6NR58QSQ>Em6Yp*<H&+esd8
z&J9lI=faxpWb-^*Xgru(g9zIpN|>in_4<jjhY&^sdo8)r*d1Ek4!f@<u1nM_$z6$%
zt<oapt;`p)T$u1(A%!a)4VblSa9o48i~2U`NCj7StVEI49pn)VR;$#%+JY<5NUN=a
z^4~j%NO(0w5N$~f?TWOMY*(>xzNCSZJgE|W?(N+qeFowZ$sf+m#f}1W?sid$+Cy3x
z^p_&Zqq%9Jgz#2W)&~e1Ki4eeV8p1AV@6&qYc4TInvmellA7S*z-`2`_i{o_&F!+k
zbO?2E$-||?>Ji&zpHoexF4^n!3UF|Uq&VB9Won6XN%ay&y~Cjw8Oc$CRY^n5-J-+M
ztruCx(m^#2>M#u2<tjC0xa4I;0xY|U<iU3yVo1>L0u_|kVMTDs&FcbNW~BsvmJ%2E
zKU<AZc?U_82ZdGY)R3?myO?&lMLm>DZpAZo;jlpJ2<Hu#Y(*Oc?-w_$Ua5zMORk5*
zcaX#jRROA5#wToO2K1<2**sK-zVDOshw9|OFXVLlDu)9%c8II-sAvqt=IXv)G;3A|
zp1nics1wUlyWA-TmFg0)qBK^f0dt6465EYz-V*IxzLItD<eg+z(K@?okPhtORyrJ*
zz8qphmbz|44D}_&jt&&pf-3dPeygfdpWJV)leHWHC+;FUjTqcm6Xd1s(0Mm$i1OvC
zs|I9uZe8Guqltl@${6_cZn8<mN3zxzb;;Nl!SFq#h1lSod&p2!LB7f}BwO=?Jg0|v
z*my4i<mr(yps|;dE0D)@A6YaV`zE<mj})9}K*#C6k1S5{)FDhN>y~@!M%1=U?hcJH
z3*ATB&^3GH9@W8di3dAID7v3?osVsq?62(>iz~b3;o2UpEtC5(dbI8rD}`(m;Q9N>
zq3B_)73r4!YSYnJnF#OzF((X}Rn`4+uenavt{P6PCn*UN-Lcr=a1KMlJtQ%(??E2+
zyhD=a`|-+j7>4ee8*<kHB#(nTM_H~ASiCl=Q|?u7w^Hq!RW@}WJYpUW^hAYwV9mve
zm1S8Lq+@8~BC84j9gc#qOFGIr)kRX-q@;n&vNyN`e0zqZRaU#z5sI3$Ur?@Y7zZLN
zT;$UFe{~OaL;Do1%G%+xUy*sx^-Hp_++R|NZFHYBTvAk`MQoR<4VD}PtzNl9R67q3
zwo_W?;g!v$8t#>gO7XPKUb$Vn0gv2)Hvq?<z#<uah&b?Ky>jq!Ji*H`J(04x-r=ZM
zWv@^f2TL$?Jn~S<>MVrSxL6zdafnT`JW{esKa@w#D``>Lq^wB-ih>;G5JygM=#o}r
zJBWHo69gc%Kmic@5GhTxI|s3Cl&rG3b2)kmmfONQ=zNG|#N}xOhloC7kw-cK9wMJ1
zJ{^?t;iXs_kQ=bnUO!4INWusPv##ENoF}?fd#;Zf)NC<;XKGgl9wuLq`214c8OjFa
zZY;@z3JGAlHz?;W)x$*#GE6Z_`Xl6e5^d>QE@A?g2m6+n1S1-&z8ToZ$gkDPk71(5
zo(01O4gTz7#1ub{Sc@GlvD^*+_c4+c?F-fobRrC^?B5VyT)2WtHrXz?l|#QF#f;i^
zB21SNJ%&6hcrbKG70;<wHw$)o*|@d^a=jbQJ3>|_cqgE@LRBPObA<dV%A++Jg&6bw
zfo0B%z;copmGw`OJYwuxuGR~)+^IZrl&p_1`f7q>FD!bNydLYX@`S<y*W@ah&yo9>
zs1EJGE@!*YuDt#{88VoAB;Bf&9Zm$IA{N)Kk{ZmCozA=pz2e|pQI#@0M*IXrU)R5^
z3rkhL0L&{SJFZEm7CX9}%iZ93g&btXk{&Q0BN>o<k`$!pjnt!;Se(5h^|I<V&Y=ke
zIJ|+R!?u&8Vgiztd`>r-;)9dqrnoRN2@;hZr-+SYXo$SeS%W4o6#AVFx-&^gLqB-?
zRq`0V09n<IZBDxd4!lm5PAjwo$GH|%MCunuoN(Aj9GT-s!#d#XkhNNs>+A@z7g=D<
z8>EIehuHHi%A;?PQv`i!*ck+`L--nizI5g-lA=8H7AaEO<`Jj%+~#-UbCL4jzbCaS
zgB6XfIUkx3$@TA`zb5&Fd}s5x9rK(cDr)%pU1FQBb>2RFP{R(uFAT`_YIoTwS9Atn
zr8LxT6AI+^fVp`wTz{I(4FUIEwoXLA8gf@3r2P1vGb|!=S*Pq5bAm5a<5(WcdmD!4
z?lYvFL>Kn1K(l#Dt-UK8isKJt1`7v1AQvkuKP3G$p}TMe2A8k2y>JC4J#=mu>&0iV
zuN|=p{WGbEtQZizrQ<INo>Hue>hmZ*Q~7Wv49g`?DK-W8a;p9zn3b|r#_<NnQ(BJ}
zz4>p%4fJoM`addGL9tJ<T;aMRTT!dh@^^A`OlSb!2e=%ifMd>HVwls?+G=gJL%GC^
zh6jl<(-0n9E;B>nL7bBrm^es*+a<=NoOCjKS(@9H*Om`G<;>+=i?t=Ur4Wu(Gik88
zf{6#u`wWG@R5Q~dZUt+AB^AsN#IImE<%tUB!6;p%a%BVano%F!c#uy7OCl4g>{!SA
zff#~EDTc#a*<=_yMGbK5d77>~*uogNsXU)_G8t4S!->t2$x4Bjp$xU>_qKLJ(;zz&
zc4crp+}X!m05|nBQOYg7j1aA}XuDSzv60I3&CG)ty6vpJbQXM8iyD}2i<}1W`<aZX
z9F6;#TQAZ%POM}S_1`&7)C`}$z+}<_duw3}SjU(d)NZjC7Q)VB%sS3Kg`Ds^=ECUw
zf-IA@z=mJgmbll^{-6w%uRxQ*6*Spx_BOCK(|s}4?=PPPPrks^=sKu-CWLHh+IU&d
zWj)#J`g_3iTXqH<x{ynP1J5!>Sa=T;1)Dx%GL@TOWOmNbnI|5GyvHQM+V`2o`lKpZ
z|E*8*@b3G}(&*eGR6b8VMt&jG{FO;n8F^^<fZ3*VsN69V^fH;C`h6w^%9`nP$o?bh
z<oyu8oF6jYe<kjZA2LO-CykvATh2trz}O6qgH0bZ(aM^Sn0+Zz?&;wyc6Qj?lqMs)
zV6HK&0DNm>Q{k+IjZu!|u)iR>nrMOPu(pL#IIx0?g3GP!A$`ia-|!RIV8`uW&Sqm_
z`wSzW(Cl%0dKa4JOp<F-{%K<`n&h+!y4osMS5bL#5gS9oqd#2C{w)UV4NSUvuxL11
z78$KXRj_f)w26kzGFh_o=L6Z!Cc$Ap<(2Yf>|KV4W^0QL1AtBD=Cl^J7PW$7C7Yy&
zXwC{YkLFqOEcr_N3ik7`Ip9PS2FNAn856;?kToa=8rd(W(ZbxO+%`B-$fks%U0d~1
zAM1-yr=aNs2D}#GuQZ`M;Y21_Hn4V@t4(h`!OY~epKWk>Ey}-afQ^KCzhz^U%mMb7
z;XD9){)Bh_moav>GIJ~2OM*v#vYgIP9>1JjZ;TA3tzxKI!p?%5ce2yr(+60)@~a)}
zmay4iY%98N*G~5Q1Q^)P&b#Y3x3Da1T){*!wtQG}H!4VP#V_yu?1iv6lI7s>gKPpE
zzMD-@<l9&$GkNWcw`0%;*WS*i1eeXalT8dSQ&8lWlQ&RS-Osv{bpLqaDORKfc?HdO
zW%_T~WAR+@81SA8qweTys6g~dcGgsC!%4PmD)q!k_WY^T3r?~1Q>pi!V&_ezGOx0i
zPNiP=D!S$r&5&w<PhVwgzdscP1Fx}}->2T7pLuH=he`Z(^q_&)*}5e<nIuOfD<92_
zxH%kGj@c0@%B?98FN7(`I^*hV(jt^=(rEh3@jG|i#hCWKWxQBP&84?T>Olg#?=WV7
z;REA*C2bMCK~K5L!_{<*jnu;rmVIH&fp_OdM8OspmZX;gGzKjHAT!`-EgKC-zA#3D
zy&hvezMfjcn!NV{%>>i6d<wk!A{!5;m+-1`QX?s>`O<iva%2UqH|htotfh&tppotj
z>vf`$K4X~EY-ujQFx+*FaX@@6R~)7^)pB#Ai|kn@o5iYr6{!jSkYUccqIGS}&7q9`
z{dp~;Tj9()YJ$b-5gaUjiHU?W%}i`eu%H(QGdmuV&V<KiM#QSAJsOr&b1|^EmCl7T
zEi^H#Voe(rmC9E7sF7-hf`k`oDtwcM9G*oS76T961UX(>rE`oI$HQKlPR7l9mhy9y
zzx!xfIF-Tt0a{_y1J(o{BfkKCzkwQ|aEL}L#|P-|47ymTxtpH>m52Cf<-|rhd&0Fv
zCGqpXw3Xf#va@n*D_uSg3Eo~nQ{dt&=nh?ya{3CII6<#vDSVD0l!O)QRrIe6A6982
zG;X6apmrPmYJ#3;()m27j$tAcxQ1TM#EvglOD34EqnXNOJ7^L!?wGz=kx6@Z(rB=V
znAX<pqO)OaCw1vMLCqedn08Vg(g_y_UpGa@LVOMv0cYNzoO1InYMmhLK@qd~ZizL)
zbtP=7l6O7*H0+PQ=!hgZp29^br8m&UVU!cT6~J4GfG2LE^Yy)zf8IoQPgxkHJar5G
zWUjslo_dak(F}a`9BqQLW&A9te1=BC?*F1?5bt6P;3?-hD4>|>x4e%N{^w~1TvyJ|
z<y4=;s{PdSG!MM5FuWcU@7+t&A>$a0gN9@D6MeUFZTo*mH|SL0UZ9Jh@gZXZWW0|~
zc+FSFXgJ-*!~xgH#KPNuH%7)zuBm|0*+cW&>}~5bkxL>_y`C58FO;iZraQwn)2iYU
zkCB7Z*J0onjnSLo_hZx#t4`1=c;E!}>MCebRNM(wuh3lBcM5~-^Vji^WB;JlFt&+C
zf$1boW$gLj+s-5@)hFp(0y|gmX(U@+otLU9*wN!1=wG0HFKqKP5A>NfnX=(;r|6Zi
z@l{#@FTaZWCN%JallDaz5S7}|-Q;R*Zf|Ywn!^9ZYqSUUti@ZwU-M!oM7zn9tsH-y
z=8V@rEt<50e6pHPh3-=rbQ&uz%T)HgNw<*@8a}ecI1{{4Tr`Vl5Sre>a5#M#f3YEW
zquKD(?`bDk-lm?ean%;Kdj?y3P1)m=1=`On)d?n1RYQ!MV8Z&g4%a|$>*U4i(Sss1
zU8kR8xvJnru=^ca9rmyn(8Hc&xRj(xTk9&qu6Jp2P`h(l^;~<XEdN>q+&me+eV1m&
zxOzPUUOe(eIjZTbr|DeHYU*I?X^K72X*6a=HQM*P)9BB$ZlsYj`&!+t&HWnZg1%O7
zQ*Tp$Yl~?;SQ`0^jF8RGy(SxC-Fz~{ouRW6CahT4<LRHLZJ3xpKRB2$JHE$!(<P?t
zi8CGjt=%Rw`lY7kANMi%{yDDP1hH8^Ml57kvMJLh2wJdipugYK1HL<%(*MW?)@jVl
zq)8_U?tn)0En(APUp#A8?Vo7=5!L{dIt%VP$R)t;E3my(`SX4R|ANWZw10<9z?KVm
z1GEDAz>n7E2aITj4NKT*a7zixX%YLQW&eQvPHbgNs{ImS_ZB7w4&RAQS6ma{2$mbz
zh$QsubKI*VhMfzWDls#jK0^h#<Z0$SxaTZFtDe^JmQZV*KR0ucaNRmS7aG@d)8LKw
zXzKU#Uu5t|t$g~qT*&+<x|AuL4{9e0J2SYrtZ{#xlr7P#&!H*#nA%k~0~~&q;oxU~
z!g9U)C48ZXt7OyQmOs;_(<gFyJKXL*3=fRD3$o4;nW6cKEFo8KDy7NF;9uw`<46Nx
zLq->uqFnzOHBZ1cTYK@H<Fj7=O)dyfpedD4g3njbDCLbW>EjW4k}Ll^wSvioEsA%T
zkJ(EZ1P%nzL*ma7nBG6k$HJ1G*p_B&pb1L$*R&yA2$X%_P=CY}GlTOiovjOZpQV>h
z0e@T8s9@%0V+0&;MPpsFnU8|!o<pd0Xfq#w<09_iNsai!-*VYuWv!HJnluahDfi~N
z+SN0w(D0Q%<rgaNa@;pMZig?{(|Lf<+MvYD;&x5b^-Rg(%<xh+w<oCV-dET}WhjSR
ztG{%?+cxfCXt8odE>}pDZ}K>w4g(Zl0k=jUKzt#Wp?qoQ?qR}@OY2`_({xKIrxtQY
zCR|k3z5IxhxR`r%vMn{d%9e01GCCvVv@*%cw=&0tSHh+;E?p@o=kmr$TdKIdYHK?i
zmZV2e*c^d2RuTF{G1!AY%{&W>Yq<7s%kV@EhwVkEqi}RF7fiERE!aC)bMecDzwj9V
z9<Sj{@JKCpM_j0t&{_f$;<JNwTrvdeIEb0V2KMFLTJ`lLGpJ6urQkwughxlQ!_KJZ
zymMo0Hhhe-+4Au#*9s>#a<f5M&y}5v{*$ekPA}cSB`D<^xD90T5`_8OADGEBRorwK
z+rq8=7xV-LWxo17Nnx%8rSS@mHz-$b=N`Hws=sx(e?j*Eme+-FaE)Omq~{xA;q)5A
z40!z*_Z1Wz;}$6|{*F7IpuF)m_nd*);c&kp8IF4lhF^ck#YDgZf8s8_y7XfXKL-3n
zDy1JAx1_S?Wt|7vUb+Cjy8(mZ%o^PB+6aD)q$1{@!e<qc<2ZRHgMsfW=MO;DHl9-!
zR`7o$6A<p3)9|J3=;eGoe6@&+*AOlgrC<h#{t_G79k*i>W{F~r@Xa!Q5qPfVBX7Ku
zj{_a$V$rYS*J$c&d6_O$?yTXzB`UD(g+nX(NEO|df@eAYQXwu>E#UD*CWLM0g7-UP
zgtEAvU#j8P5_o+Dzf(o0Qji%TYKR$e>aFld1K+1YqBK}=DQ|?g8c>hJXHdU*BTu1v
zR-{2$zly(}XloQ)14P4;3SvnEDIZ5!AzU{1$3w*siw4Y~Z4H(YL}K>vCDi`sH+g6+
zFHHq`^SI#4san;ou%i*}`#qrd&OF}uLqN|&HJlvAbIBR%7^MaUPpBvpP*~=_MPZs6
zbgqW!G^l8NGa?S+RTN_TIiH$%&Z4-d5!=jNcVhafnt`5n%V|R*9GZ()9QepEbNac;
zC~{1PvsuO&@JnDapyO^n8k-*#hM4{xU<w+_nq^Fds%h9xo|(y~Ag`wE*NIevO!zop
z#+QKnpYt>S7aFH)rrZd7J~E`7Q(JN!O@hX^u>p-)fDb&Va%>RX;30!84+5O_bD@n%
zz=ntCns^J0O+)07x{m)U>;wNAs?37T?fgX{yfPgcujQk1r(E#=4z|pKwH?^@ecZrD
i!_PYS9JJY!UHnqjaMp9Ft^trPH(!~je06}YTJS$V@}fHc

diff --git a/demo/dist/css/tabler.min.css b/demo/dist/css/tabler.min.css
index 80fabf122..ca473015c 100644
--- a/demo/dist/css/tabler.min.css
+++ b/demo/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#7e8590;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#7e8590;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid rgba(53,64,82,.16)}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:rgba(53,64,82,.16)}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid rgba(53,64,82,.16)}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid rgba(53,64,82,.16)}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid rgba(53,64,82,.16)}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f2f3f4}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#cbced3}.table-hover .table-secondary:hover{background-color:#e4e6e8}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e4e6e8}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:rgba(53,64,82,.16)}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.16);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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#7e8590;opacity:1}.form-control::-moz-placeholder{color:#7e8590;opacity:1}.form-control:-ms-input-placeholder{color:#7e8590;opacity:1}.form-control::-ms-input-placeholder{color:#7e8590;opacity:1}.form-control::placeholder{color:#7e8590;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid rgba(53,64,82,.16);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid rgba(53,64,82,.16);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:rgba(53,64,82,.16);border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#7e8590;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid rgba(53,64,82,.16);border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#7e8590;border-color:#7e8590}.btn-secondary:hover{color:#fff;background-color:#6b727d;border-color:#656c76}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#6b727d;border-color:#656c76;box-shadow:0 0 0 .2rem rgba(145,151,161,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#656c76;border-color:#5f656f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(145,151,161,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#7e8590;border-color:#7e8590}.btn-outline-secondary:hover{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#7e8590;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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(53,64,82,.16)}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#7e8590}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#7e8590;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='%237e8590' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#7e8590}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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(53,64,82,.16);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid rgba(53,64,82,.16)}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid rgba(53,64,82,.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#7e8590;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(126,133,144,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#191b1d;background-color:#e5e7e9;border-color:#cbced3}.alert-secondary .alert-link{color:#010202}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid rgba(53,64,82,.16)}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#32353a;background-color:#f2f3f4}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#32353a;background-color:#e4e6e8}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#32353a;border-color:#32353a}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(53,64,82,.16);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#7e8590;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid rgba(53,64,82,.16);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid rgba(53,64,82,.16);border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.16);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(53,64,82,.21)}.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(53,64,82,.21)}.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(53,64,82,.21)}.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(53,64,82,.21)}.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#7e8590}.link-secondary:focus,.link-secondary:hover{color:#595f68}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid rgba(53,64,82,.16)!important}.border-wide{border:2px solid rgba(53,64,82,.16)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(53,64,82,.16)!important}.border-top-wide{border-top:2px solid rgba(53,64,82,.16)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(53,64,82,.16)!important}.border-right-wide{border-right:2px solid rgba(53,64,82,.16)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(53,64,82,.16)!important}.border-bottom-wide{border-bottom:2px solid rgba(53,64,82,.16)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(53,64,82,.16)!important}.border-left-wide{border-left:2px solid rgba(53,64,82,.16)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#7e8590!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#7e8590!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#7e8590!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#7e8590!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:rgba(53,64,82,.16);position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 rgba(53,64,82,.16);top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#7e8590;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#7e8590;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#7e8590}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:rgba(53,64,82,.16);background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16)}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16);box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:rgba(28,34,43,.16)}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:rgba(53,64,82,.16)}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:rgba(53,64,82,.16);background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#7e8590;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%}.calendar{display:block;font-size:.8203125rem;border:1px solid rgba(53,64,82,.16);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:#7e8590}.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:rgba(53,64,82,.16)}.calendar-date .date-today{color:#206bc4;border-color:rgba(53,64,82,.16)}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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(53,64,82,.16);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#7e8590}.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:#7e8590}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#7e8590}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid rgba(53,64,82,.16)}.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:#7e8590}.card-drop{line-height:1;color:#7e8590}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid rgba(53,64,82,.16)}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid rgba(53,64,82,.16)}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid rgba(53,64,82,.16)}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid rgba(53,64,82,.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(53,64,82,.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(53,64,82,.16);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid rgba(53,64,82,.16);border-radius:3px}.col-separator{border-left:1px solid rgba(53,64,82,.16)}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid rgba(53,64,82,.16);border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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(53,64,82,.16);border-bottom:1px solid rgba(53,64,82,.16)}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-label-description{float:right;font-weight:400;color:#7e8590;line-height:1.8285714;font-size:87.5%}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#7e8590;-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-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid rgba(53,64,82,.16);border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid rgba(53,64,82,.16)}.form-help{display:inline-flex;font-weight:600;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#7e8590;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f1f3f8;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check-input{color:#206bc4}.form-check-input:checked{background-color:currentColor}.form-check .form-check-input:not(:checked)~.form-check-label{color:#7e8590}.input-group-prepend .input-group-text{border-right:0}.input-group-append .input-group-text{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:#7e8590;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.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(53,64,82,.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/.8rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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 .2rem rgba(32,107,196,.25)}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(53,64,82,.16);border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:rgba(53,64,82,.16)}.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(53,64,82,.16);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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.16)}.form-imagecheck-image{max-width:100%;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:.8203125rem;color:#7e8590;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:#354052}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative;flex-grow:1;margin:0 .5rem .5rem 0}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-box{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;line-height:1.4666667;color:#7e8590;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid rgba(53,64,82,.16);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-box .icon:only-child{margin:0 -.25rem}.form-selectgroup-box:hover{color:#354052}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(53,64,82,.16);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-box .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-box .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-box .form-selectgroup-check{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.16)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-box .form-selectgroup-check{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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-box .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-box{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-box{z-index:2;color:#206bc4;border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-box{text-align:left;padding:1.25rem 1.25rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-box-content{opacity:.64;transition:.3s opacity}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-box{color:#354052}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-box .form-selectgroup-box-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-box{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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(53,64,82,.16);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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#7e8590}.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:#7e8590;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:#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:#7e8590}.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 rgba(53,64,82,.16)}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid rgba(53,64,82,.16);border-radius:3px}.nav-tabs .icon{color:#7e8590}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#7e8590;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(126,133,144,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#7e8590;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(126,133,144,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(126,133,144,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#7e8590;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#7e8590}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#7e8590!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#7e8590}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.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:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#7e8590}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#7e8590;border-left:2px solid rgba(53,64,82,.16)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid rgba(53,64,82,.16);border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid rgba(53,64,82,.16);padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid rgba(53,64,82,.16);background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:rgba(53,64,82,.16)}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#7e8590;background-color:#fff;border-color:rgba(53,64,82,.16);padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16)}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16);box-shadow:0 0 0 .2rem rgba(102,110,124,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:rgba(28,34,43,.16)}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(102,110,124,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#7e8590;background-color:#fff;border-color:rgba(53,64,82,.16)}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(53,64,82,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(53,64,82,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(53,64,82,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(53,64,82,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(53,64,82,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(53,64,82,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/demo/dist/css/tabler.min.css.map b/demo/dist/css/tabler.min.css.map
index 3eb82d8b65f0328203bb4261008156a019e7ed03..16500cda50d41bafd7d11e8f3a6692f12a90095f 100644
GIT binary patch
delta 18482
zcmeHu33L?KmFRg@s;chlE-h$ZX@OXTT2i;x7GO|!tF^I6Vqb+CA*9yQtrbZuMzY5k
z=f@!2hC4B~5uV_&9Xo)DQ)4izZM-Is?_+22ChUxp8Dj&<Bx7u1{(aS(Bm|CUCO>Bq
zIESvP`|i8%zPr8UUY&g>|JXyOLqR5{#p32ndGs;UluRGhrhNL?W6H+Ik=ISX3R1UN
z%yZ`Jmz%Bbw#M)yC-3+JLz|u}T*A_)wkVQ*yPb2A-PYolwDZhXv)*ntoAuZ@uH;h%
z`RlT0H5B>qVoef#9`AUL6_D<{Vtt)E^y$PSySv|&XhYjQnS@f?zimDJRNXsCOP?9;
zy()adn?)q)$Zz+K58_)aMr(7Kd+QIP+!F>*Q=DH9KEUJC-Tlv>k`{OE6DRR^;**b&
zmLq4MOe6UC-BazsLY~E3TCTUdtDX-hdG4*xPfhSZ92Rp)nSLqdyNv$Kqd$4>7oVSs
zXcwQ4!(ZWOD*hUe()YPXQ@tIVl#a_sbv&}`=(T#}M&2=jn5mrP^OMLWIu|&VMRMr#
z4_QQyPxs|DiKGb%vk4VE^kkD<_lYJRj%1U`6!5ETl1|aCtc{Qpa!4o3n#;;zehP_p
zUmcJl6h14c%xe`EthuGd@L)bkrF~E2lOk<aT9sMvuyortrd7H34Mw>S_NrvPiQG>G
z4Mz(|JU-=j3P^#%XXqV7raF^folTx4TYEFBY<iQW*Vdd_HP0g-o4Im<zR9xDmP6Z`
zuq`vK>IT`NcGu3wo*Qjxnb=B6C}?)dW|g_YvOu4QjZO6n%J8MvRzPVebEu-`)@3nU
zZTh9~g_#6XZUhTaDGY~N$sx-4X{$#*zqOJ_DZ;%)<SRx~pTD3O`)1i1O>ln+u~E#o
zO2|ZNY-MJBh5PG?F~Q4oZ8@d|W__C_$JS|r38loM=_o)z2Lc)jz=Z&@KFtd-!m(0f
z)fjx=t!We?8Qw1?Ay808#)+;>FKPiSE+f;#EQ;EVw0hvaGLj&sr7fT`q~8b2h=Xz)
zTTa#mO*fg4+ipvqt)X>cG5SlsEzPyihWzK*Hkh!FqTD&=o_Xc^CTqT}r4<|Nt$E0_
zEYBwo2uR6&B|n@_vU&+gCKb@PgrsTAC6p?a-#nPrNa7OEIurw4OzmVbRlq#zdTAE3
zt;~IRStR^w3DJfYms6=@BmP#DVPD-cViXsY>s=P}Qu>{|lu)mP?Mul_t;c(p(ow45
zWIBm)A05=VYZi!_g>;k(N@yV@FDEhJ${->{EF-Pb`eL+1+Ja8k0=t%xaC?4HwhgCe
z$t!9p_RhE}zsOl!tT!O6qqxl5!;WUJHx((fq7<s=47#jlbFbACZfs`jMytL9A>CHb
zbZyqmk{&BOv5fr8J@h~%+`pVmBwcVAA6k!nRZ&XwAgq>5aJ#G=TrVdgoncrevORMq
z85dNEVuHdIWCfWAdsmRuNDm82M;m3yMOkuRUYP=aT0sQHVF7L>ncy9Ubh|G+5CJtS
zNm(Qc%<rXU8(N>g<DE5x5ARZ@W~U4x=DKoJG+bRtp7F914o6oIk)*-PtH>Q;!-K5i
zEii61naZ?SVdiQQH@nG76_%w)x{Qu$@Vqt`r#TiC>rFOuky)Q(YbwrmEHdj&R&xm|
zk&dj)s26sxCeycO(YE?xifTgC9_6!$qAF%tW!;DdgVB!~0PTwlgjel0`l%Rz@?)d+
zh|C~jou>uAhs&RKTu56K%TespW`=3iL<~ouGMe(E5bB2HH6)*OpkQO6eGQ2O$6e@%
zd)AN^pQx(rlvoM<L2EF3qE_Hjp;cyHr<jk!Qs!Y*VY<rPXerm{Sj=q*_DqxNxZ7>)
zi+JE*2+YBuay^RlPK7G6m`+UzU1fBtO{2b1+-M=cDo!sPp*F<KQ!qUq(N;nG8iql7
z%jno0id}fL1NICO&b3iPLW_%pgj^C5f!>K76*KfH(dxd?67K$DWkL?(qMM+GZQcMq
zhYDMv=KaA>??lU$!K%tYx0*z6U4-6dGuO`ZwXU15&nYoGELFZi7B27x8AV|VT_wmY
zHKXsQS<Q3GJfX&Bo{OZc=7rwyKBv{@L?IijZMMczukh!fWjb-h9BWhY2InH1z6Cz0
zA@5LyK4&LpO-na6c3V4&JG*7FmN=A^s;Lf59#P~6>xqWdWHl_twL7nPW5Z&2s*#v9
zE{6xu>{u*+)<_nGY&8`uF2``<C@~gblV{0Sc&=zH$)as`M@c7bveV6gBA|Ix2Thj7
zk`@YY!oCd!i_3h5jBO5VtM`y|l;oSRP1!_Lv=^Zd*LD;YSZp+aq8ZMCQyYnHyxE2(
zV)eU?&01be4d3fUbHJWS!ewR?kqO(?xCCC<Oky>ejZ3h9dr1cZh7ge0(742BpzS4D
zjZ4arThyejt)vH0qPCDbs9+XtAum%=0WRusa!x;)tSq4`?;;m8hOQ+jW@~pza~G7{
zO{Rx*_23xwmfn)~9&D*_?=ptF4|Z|z#N8x<5<7l3Nh3^$0sj3TNWRu-KnCn|T1Z}h
z4=JI;blyWArq8f#{;dtn&L(^`t~7|5W-(go4LFL)YOv&QTw-%y_+B`;vWY4YeTsUL
z;;wC0qa|x2qPdC;md=e!%D}vhB*L59lueEN$8BV@Aa=Aa#icB*q_tJvyn~c;(OtO+
zz;RFt=)cAEy`{7{7v6W1_%Ii3>{S}OJz({NBynPk#aY^xyA-|0N^ubf1EmeO9iDkP
zOS^KR>_L*8-R|k{EJZ>sB`7v?kyCkCyKS^jaSwg8l;-CwwRxoik32|vqkHp_s0+1?
z=4Pc_(UDs7A$>P;)j=Cg3Rij98Nq(8y7G~$UIiC%=t4b=tKNM0-frY-gQvf<6bUtz
zqJNl+nw1B75$#jlOdl<!nR$M$<j-~!GZ*A)b!~wC50OYYeJ?pagU_!s<rWy^%kPjs
zO5P9X`-q8?4TF5dY?yFb3}=mbsgRt)9DzC=>;DRe&r=v%0AczhrW@9nR2)n>Ee0!n
zsxR=d@YN8%Y9w4n_&Ju%TAvMrsZ1=4pT;!twQFnZ)@8%#bS55>KH)>**fb`V%c;w&
zGlBgguK-tjzU978_-8e6=yidEMjh)JYgaZC4yTrDv~os1BdbS_2=>RBsq(CA{4oOO
zEKI6zqWkOESg0ssBuKF`$u~mVtjwevp=Yej<Qt)1{E1H(4waE^8b6W`xxbug;{vcC
zl<bT>|Asq`S&fVu?yqIj;Cwj~1T9&d3hrCZB+0FnOezy(YOiYn^D;IvFl)w`2bUKz
zX>zbu_>z@BSi<a4jchIaM@A<<w1&B;^YPU-i!Fh{XhDF%uW^)`?+QG8{yU-#a73vp
z{Z8f!t`wO26Rrc!uVrH7(8rlCI3FGR8YaT`ZoH~agF|cB<e;_rS@}>^D@5~oxp}qu
zd4Nq(@PntBIb7ZiZT*Ls$(o#8z0R0x#GgE<x?c!~JFcol7?{iP(EJS3?xTYfkK%II
zBUQNm4D;wsy8ZMkwGmDoWOSTj(_lX!MhO$W_PwJ{xEkeSnX>Og>Jy@1{HrK@*I6dl
z2gIJdrzhC`2sjZfTt3Up60`D<<LqqwfvQF!0(95a0%UFxG*JBtvwaLAg>Nu1bd*PL
z(e<-enF4QD@-P>-=W!g(Z~#>`a1P%x`UOF5dX3o~JBF?{e@{qI`#n+K_n46GH_+3O
zY$DXWCP?zNSB1S~m<YnDwVd<;Dj#BWFgudn>;=f!ao#BNg|HLccv$@wvN9uqEnx#g
ze)zT^k-+C8I`%&#?_>^}*chBljGXYVLI|S`$Sx;GzF=VA6oLwjYmKn~Yi$fvq%kU3
zyM_t(g@eLNLJns%WEryL-b+Fs3%&c<ap3xtQ_Cl2vg3q+FqD9^znBe&AqyJ>At_=K
zoQl*0L(LH(T^_nBJU5QZ%FfNU16j((au|Hp=YS8NgY#NdtGE4U<y^cs@C4dhm$EuI
z7^TYRvprPMCZoL_+NxPR=`3djdGj*%_nJ{WnN!7lsMv)5Jfne&f=k=9qWtzcwuKCn
z5A?;VY;bA2Rt=#kj0mYtHWVJ6f_l%p55+QDhqUzxs;^Z65gR9|e&dlib=j&Zst5>C
z1qI86Q&cHoN(e@{+-g!Kuu70*vd}rEtMpL#U6zvvwz0dI;qWM^*^aZIjew04U~oGd
zPd`KCXYOMoM&imzX4U&6$VSOYHq|Ls{=S<<<#~J#23Dx7Ty6n6uKbG?s<$}#m8aPY
z!^A@wH`eeGF!Vetz-#})CMeSz3BKN>DjNgb`aGL5HaG~Lf1a(np$(nsC_8ZsaPLue
z$qiruE+1v5jSUuHhEug*jJ6*-Rg=d6UpvO`@anqCsfw4MdV&2}p%-xBEjB_9J*0Zf
zXAKkp1J_VR=MSsi^g-<;DEi)+BuJh~I89t2$}8&!hA4J29CC88@{V}!Ou$CKUW-mp
z_J%YLLesS|^1c)<BvSAwX9nn0nh2<L3o7{dx9W+|yO0ZobB(-3p7w9*X4V%49=@pl
zu|H_w@{u49%;s3pr(*Mesv}_57wR1Wo~Zhgzl-ti)MJ`Z`0@+&BT8E+jh8tFy^e-^
zLk1!luBxNy>VQk$yUcj#8xj)~%&^gzsnBm>Cc(-9Az|bKvB1;wlP}c?(05MYLrr>J
zb`B1ML(w5p_xzA~cvwGNA({h>DiOncO}!N|!_n&fJBj3FX!(6i5C@^XxHwe)Sk%a>
zKdBi`Mj3q><eNHqf{%ouNkR}*PL(FWkCt(5+O?g|^!3dyd#A%$4{h~q9Q3IqHB>y!
zatW)PI^9}VXQ!)Wy3Ux9iwpV;3Tk)MH*~_5-*O4iT8Ken!g6jwAc9a~dY19!T%1o2
z^3fGsAv<a!q?(%>0C99<p@XaGQabdNsDk8stGRbaN6Taf6Sb#-ON5F%X)^rq5tT}Q
zeLW}mbiXG?{E5nIEjp;4E|o!_gi;Afk?^{tk-P4bM0%X~xMKHIqVnNpF2cttywSpC
z`AkWlApVZ=<H3&cA_kc8;_v++Ijo&K?ZHqf{BK$1gfN>F4%a7&p)lKuQBc*z1v3Hp
zC^|Hjvr$ku4WoX|Bymqb2udTFDvpQ39^6sf|07(W_myGz4esGehH=uj5##b9qkx;M
zsp6|L#_C7?6KI<&<-%Yq6C~@maFd5^-F%vX`3BJwD3sZ6HHZVluoM>PswuD8&OJQE
zA004WheK<zO6#9I%vmkkBQmE=TjeZvwYTV+?Q83r(LknULYq@cf<ZL5J=;YUY{<Yh
zF7pvyfa|NpxG)7TeO+BgZM&nj)8TT$zJ4(paz9rmdSlGb-X)QODa(|bZ_I(}LNw`f
z9}+$+FjTF}+1c)DhEtow2+$wqqJgjBgQ0K^ZV@Y77(E^<!M*k7!`zhMT355HeY(!O
ztAf4*Oe0*b7Q@Ar9gdB4t96@DW9OehNj_PEo9bukc@2cD5kCkh%rCamBV2C)tjOur
zBiu|d5MB+FC!ueh-NMDdz<@MSW6UsSc^w9>{8EjQ`y;Zp_bE{mo00GLq*1)lU<DYg
zIN13kZV)d2LKI={M?wgkvWxpe6&ZJQJ34C{JVM^LS&W6Huj3wc-x4MQu4{1Tbz%i>
zNA{Hq7(WwviPxb$;{4PVOk(hKr>k@7^xB5H+NQd7sjz>J5I1ck12a76ikQostzDhE
z`gT`Wt7o*zY*a(dolH2{1onw2_J7)pB2L=M#IjU`{qG5p@<-2cyZv@}{*US;*ei4U
z;Qjj~0Xn**Rv5aZ7P$3jEa{L|Csuf0XKcWxk>{{0f!4zH;t^tk3mnGM*^3wq85z8O
z&k}q&w~(0#eaASHmyV%9Oz^&9Cml35Ae(rm5#X){F$O}T@bvXigZK|#oFs=h*ZbP&
z@H1mR&b>B@8D$T7zLMeKic5_1&_T3l2yGI>;7|}6cI69b2q!Ek{40Huj|m@6Xu!ck
zeNjTE%kan{vq}6Eu3y18y2H)YLd_{IYt-;c&@&@x`4l(N%kZ#KkU%n&9~ZSyvs|Ns
zt#wSWTyUCOPf%$4&v3)mUjN{$oZi7#-YG4FgU2|Y_W~|E#YXQCJ6_~m2?~#n7JGf2
zVmQ+qTpQ}zeXNJP#6|h|@d+j-fSkVGQQy^GHx@R^C~*|&QP}VjH_c1?^h;c&FK{a^
za=ledyftSTZDP!y&)IP7Z{`fyiGig<sQIJ^SRNA3a$@)}NAbyaPrEo7+T(Gr_+h&k
ztnz`ue%5cVm+z9IVADr}8qQy0G*E2CMd9pO)Yz(5{DM8)E!IaUqUxw?uB+`-JTiT)
zs|UyiW-?Uvi1Xl1J8rvoa;ydl`<P%j*&|LIA+Lgar3iX1eteW+(JKbPD+VbkBfCSd
zTWhavqU4?Hbjr699Ox_T3KGI2{3Gi!92kG6yPVCvaA7h|FnuwnV(D?8;;H?35O#`*
zg3z;^1heKbT5ki|5uE-Jp707EV<kAzCdESW1U@=&1yl8FqJzZ4=n#(v2|Vv12k#vc
zVl&gcwlqo<V?Y&ah2%6Aos>txDBe4q-ubIcq(S#zB8ZzF4SX*MmuBb{qxEAc=cXK;
z{*1$eiVY7Bg?KLrHCrSVRGh(mY|?Tj5>91ndDwi03x-1)A$+VW6lK++V&)XNz`Ki>
zxO{I+|JJkVPsIq{dXGl9F|MY<`9%yrLIYG{Cg1w;-y3UZz#Vq=iiu;}_o-g7oaBJ<
zGu-r_3KFzXoGJ!Gbtk7H1~^^IL<i%3QCZ)-u`6Sv7(X_tUE8Gu`1+?@JXEZvj+QEh
z!1*d>O6@AAve=oMJL}q=_RcyTMz;>!k?36ObyTl9kEM;_-lI&gu44?9qnGM7LH|d1
zVR+yXRT$t_Rg1Y#l>nE1qgH`o7AJtg&Tz&*lUO?4_S88$DbYJ|n_RtB6g*+{W(45o
z;;q?<d!C&;anC?ad7R&C{WDSeX8oDgjZ^h;2ZtA{Vv`iPE>uF+7}A5)=eY9W1GhSw
zn|&e#jEgZahi>gCYsntghGUGHuHxtN-c91Co-MNHj9K+M7b#DBi!=I82Vj4PyX@Uz
z4zx?Lvg_yEi@w8=eE44RV&Faq+V<m7=*RboYvGOktVYH+iIGnZaUTrZ%KLYQFMiDV
zFH-;YV{WA{`i?koX`!$U=hZS5H$&g~H8(VF_`MQ6{bk{m_18=?-SDg6RJck-&x+BY
zn=ggJz?0akVj0Gbp#$1+F!(z(oqZedh_LghRwb)H;XY@*GpoF))<MF*bC%H2^uhQE
z?iGLdpm=8Fl~%>4+z<R0jr;EsQ-AyearZdi9QGa;Ul@M$Z#^Nd@k{jU7=FJOQQmw;
zOeAp60j7@buLU?+%kpV!yYTqvT)EEPX-{A0=xA|tblkCOLZ{2#(Yb1Zvia8OTwR^b
z4riULi|70OyGMH>A0;18;7k3G{jcC2t~!b5<!8={cN6*P@%&ukzZ*Dp43EIRtA9B;
znP1`8Z2u%ack}_r?!ra<qLT}eAOFAN%foc41lTJ@cp0$Oj-i6Cs`B95;$?Q!+F4je
z?+e~ib8z+|6GFEFg8cd~#iXFXUQZ!)>3wmJSA2M_7z;aVFdB@=1IQ$wFCq%;#v2FM
zN4Sqo9}-<k`&jo3cqy$lWZ}iG5pODtSvk=7kvIvy91;&G7Yxy(FBp`VsnbD~iI0O<
zE{J<1ysRAAeT|o4ywr_{@z>PxBN>KDGh>3qCO%SL_OZBPGQEcgftS>pTBwZSmA5#!
zR?mmQSGBxWZWT5C#E%mPiCWDOIN8WAhl+K)7E+t|e0i3ndCZIRv4bBETk84w9%A%U
z9thFA?P-?r`#V#8CWk4YCSLyFANef7XRd#{iJ*4^o`5-^v2ry)eoqo${r9CXFw`<y
z8TUKn2E+fp6eFL&Q`k3VXy$1HYWGDtnwy!=%ID&Rns}eYaZCO!GBo?9`TE_?$lT7z
z{1q}Xmq#aBeHoL#Vg}|vL}<K68@A^n;XxOxIy`Evq4^j&Bu@1=n1E@H^o4_wsh8J6
z12Uk&=kGJ=GE*aexKS13OY(k;)C;Cvf`V1|o;{|L&mL2UgaktQw@$!(rGfdcsgvch
zA$7OPzu)rbVr0z49Pw=k<r|VOV2F`c%I7{;FIM|B{dbgsIp&}Ah@-&YO70~tQXFEu
zYW@4my~vn*3HMDO{wLEeQ#A4_v-qOtKtsdd|I*}(G$OwMq!CYW{~K~IsgSWs(7~Uc
z5)*IdUjF~)Ugm?)C{7J5{>mZxFPVUmF@KUtMh$p7<#Idaf=SBJ_l(~v<uU_i_lo*a
zhIKpTay#X6JLQ5EBezp7w^J^GlndSC_U{(MX`ZD%C=fG!_m1$_&am7!AnyIIXIM7x
z78m<3I{sT378A+D)QRpdl~#F@@gMMSNT`G{^1vJ7Grn7B`F2`mc-`h-JFOyPTIEHh
z<~amzokF3_?_u@0CJnZRXu@Eyp6BF@CVnHiH#kCr|Fv>(g!FPm2$rmjSsfZ5bL*ne
zp~qNWK0j6ZC)-Vn1GnF-2rvq;0(WqiB*MPmXu=_VsuY4Hdn74DH%&LyXfRC5OzCK`
zH#b8_oi-9aoFPTU>98nODFe7kd7!RZ<YA&qdRWxyCVPthFn^wir72BLDHyI*i<9I_
zF6lV=mW6ywMm`+ulyvZao|U5gWqaPE<I~Sd<LS{c2Y%TuRY!a442qSKg3%>>_PaE(
z;M}GO<!~lgN_S-k&fHhS7Y0WL@H3)<88=o1A8-RwT;w-Y>_u(DGT!!eb?xa&>F#u$
zL9tc{+saIi@wYYCt?%?TP0&w(RcpoRpd%75Z|so%llZIndc1{IpLR)=o>v(Q_$0;)
z#v;6UsO^zbLHC}9gT4kVQasQjb$Oey=*|XfdL@<j8!PWh;b7n!Yv#O1z>GJg6!_`0
zeoU;rQz$KlL+7O+U%?s{!o|zK*(jYMUV;kXrOgs}0W#LOC6WnB9Ydft&0EMeSx*a^
zz4ash;=ZH+p06rxBx0b%@58N9ws&Bx3(JR{izE#Mr(&{xWuG+XFF0yEOzoGZePiL7
zD0!X3J4dWOGs1~}zff;gf)+BWFP5U!D5@H}$i{a#iiGcMlMG^tgI18HV+4VD=cHtK
zdz<t*7_Ra0nYS)BQ+xn*a<dvU``y}b_+Sw0rb1+bf5X&|HFU3T)&!3(FKhj|R)PmN
zN%0`|X;R?rKFuUpa)61A3TS-z@lGi)i@n+5WU{A}?8x1kad4?m!%s?Yx36<_bs)1k
zPYsgKibl|+B~x)XEtT>TeXn0Le%y_OZc(~({v6ixg|5awy*b{80i1>oNW5F~2dG@3
zQHOanJ&X^fNNoH!6p4XCv~q?v0zT`Oro<`{^`?{3eN!FSNOBsOxJ?rcAw5`ze`Yh*
zbJ4=Nv8@QJz7pV>?HHJUz7EUcUdWI%j6taai-d58CNWS2Ho>54uU~7Qn$p^i{@UKF
z*I@+>%JI)G2{U;J%G=OTe$gW(!u9PEx9)$gAZ*jvmPTtg+g?`3K;{X;?J3g6Fg-fh
zKLh_};N?%GNZ3-P5fX3EA+7lI7g){9!lKD-o27)1QN~AYCJs)nV1($KSTg+N5ox?)
zY&!gR%VB6`JVm1aT&?z6M`tho83?qsYU5!`u_VMUyj69VRZG`0-w^(iE=hMwkD;=m
fMVs=I_et|}j2TLy&^PRM6*he}M4uj)R;K?y-k9Qb

delta 14096
zcmeG?X?PS>w%@HvEnS_;PDmh2vnG(vzH}!MNTt*1bV3Lr1O%cGLI@#Cr;|Vkivbk@
z7epI#W<)SJ&p}iKWaJ9UrsMcrMsXY+(HRN8@%d(4Ku2bDP<W@Rmn0-O>eKf<zsHYM
z`kw8cd+xdCo;s(Vy4U=hH%<He%%t4Ko3rpa**prL)n*eu?=`2B@&m7$-}dt>S4yVA
zr)$aZ1J6x5&mi>ayjd*%3o97LK-o2fgN!B;?V4KnYiO|%j;~e}#aMnI%J!j3tSf$8
zkN=KT>SOTVi)~M+tm`_ymhs=(^~nV1+JDPp97Jvy=a2vLT-!uV>VY%cvi%Sn)$<O5
zzwEi2C$+9Sc6~_dT%8Xc!)NyH2T0w4KkiN-_)mPKHGnj@Rvn7O=RJqw@p<&n2z;J8
z6d%=)uM`y<oAMQ#-Kc42S5+)k9}TYP!xKCN4vnBj1@|Xdcz6QJx&1IoJFx5US9Pu}
z#T>l1h=jRbwU4B4jV1xOB-md|A`Xrxf50`ssWg(|`g%b)*f)~lt_$;Hplc)HUDK*1
zSej1aU2CfY;em7#=X!N1?|QmA7<$vmFy#A3I!Sct9K&c%25D#gEX_s5@D~%ApxQ%%
zXfw$TbR?83#`^pYYhyyW)mRQYlS!!SNT*0|G?P2fm=K&pMv`)xltZ#vH{ZA^B#hoN
ziQJ3ZK}YA2$H~-&WMnqycUsdE%1e#2)fHQn=`)NC`75nX71w~c6$#~bH?Geb<;uco
z$hgwlk&H-H!U`CbPeP?Mb)1Fc<uEy)jKP^|@`<P_)MO$1+=|2(kZ1(h3djz`e^5X!
zF#67{8HL7W`DxZv6MSqVRyXCOA~FIg=M)ix-f5np7@heU)?^dhTtxEq2`Zos0V~b$
z8Um!wY!9FrqV2>YH6?h)COBC{M#B_4350ES5+Y@JG0TD4$wbMajyq7)QuxqLqNI+5
z8LC~>ad0uI*OZ~_i^)8{oMmQIv?D*uy3$cmh`wa9b~q}msCt%li5a;xZz@q%lolHs
zEGBD)imbC_q1JRn8M#|<FYLuJ#2<b=ix`L<-k(JhB9~aF6&h>mtd&+{t-1|mN<pD9
zAz!h>^x0&zTwIJZsBnB%K-X-N0ng4R3*5qzt|jSwxl&qaob6H`4~2IZkU+jtrJfDV
zYe@vWdOf<$^VgD=u?q{)X;e&BzEYoW_iAfFQWaWmS#B+cC+CpY$Q;+vq6qlKToOYX
zAh!y)vH|{cF1f}%W#T+CmP^T3D(!G)5s7te|5X@t;h~4k^N^to_RJ#_LL3E(1$|Q$
zY*p;V#uN*@Qbi{4mQ+izaSlXOk<nh+O)$TTT&Kwv?21(}rfIZ^Az2nxMzyA#vZ&aY
zmJb2fkv(oLesdiOBTjhdIx<NMIeHIW$uvCAqby-C>3R|tW6oDf?H=>l6<lhEW&yi0
zy%@~^j_XOpxTd<9Xzl`~04-C{P?(%tp%@(&#nxYa2RwQ`$>~Z^arIV}GyzF7)nS`P
zs%?F_Wo2P8D(qeP9K}|MUaF2g8;fHML^!TcS5={Eq-~Z}{Z*#ItSS%gG}3s+2-JR+
zDY+URoukvD*zNuB+U(jxGj@kfvD%GuRB<H=YLro=l)9AJVWPV1v?67;t9nz|5_Mag
zg({^M?yM?hTcK(%%^ylsl{6U`7H|V?%51MCHErFNv?_Cpjh!~74jn2@v#o|i_t133
zDVo5kkg&Tc2eC_t<XZ3q2bU(Hx9puyB;tU>^GOmZfxpZrtF(;`wyOq6(6-*~K2U8W
zp)pQ0iGsF8vE?d-+c`WAW^s|Fp>RrdswTK&A&I=kX;Dh-UfWK^6J${;JPR#pu~w)K
z>9j5_@))tCv9P{jCK}4pP`Gj_{KrD_wyF#V&(@GhdS@G=IxKC4E83`j5vgZ|a!V`9
zOo5$sWE9<AM~HR_N_2NUVOV`u_DsAzvI^6)XTrfoV%E1MxB)E*GwGL&WM*JZT~=i=
zp2m7xW@e=t%hg*+vvt{0TUI9Gs_ShlR8+N!(N<Zi?pH(pQkzqSHz03gW~JThSct1f
zT!UL&y)8Kd_N^w@FqQ&(aW(k^iEB$nu2S`QUH)*|vQ=D3tIe5Q318hnBBPTNP_pJv
z<*l}qWYnizwZ7G9TaF}YU1SmlZ)X>IuJ3vYrZa9L<B4WAS7vb_+;KB`Mc?V1Wi>Wg
zI&4dwuy{Sm32bYhr5Nk-J8doPh$(a3l^P1qtS6BgA3d|4#1Y2X0n!Fy(l>U@^4!(s
zP`ZKG*mA|`>bib81Z*T@@oLD}NQ~Z_HON0<IZ8HLQt~sG&vNar3xmBIiHO%M7mmJw
zUgNZ+=BKDMj)Ii@R;1}^9;sfw@Ky#125ysj`_iaQWVIkU8)xIWOt3XK(g(JXV$RZ*
ziU5qrXoHM=rBMCdRJ1g8wkPCk#&HKx_la*VYEn5mHI5FA7LvP3^q98%<|0Sx>_QAM
zngGR!C&g-YpEwoSmI{t;GD_d#=2r#5HssW2rr>Ov`?tZf-K5jfk&ZK9oI;)IEvinc
z$maAb=#+-Cohk=LMC8aqoto48bZSdSojTnDw3YVPsUsbZ0qWH5=2r#5hk!a|r}=cE
zp+6%EN1L~kr*nDp!tAu{TAFf-{9T5sY(@{`a>Ze^@B<PyMHsWFwl=la1TEv41HM6a
z9CNL2uq%$~@C{PW^2_=UA|Y@B!_hy*Gy7RCeR0O(OxW@_{ziUL>Z0^TW;l_=M8Vob
zCJ+`l1r9zs&xdiDwWiu^sQ#Q^;r>a_Br=cdy+Y~kZ01d!cLd6L5(O>08UOCrIT_A2
z2#aY-0plcaD`92WunQj_ua^AbQX#{`Z>`LzArT`AnQ=oR8VZ^5Ln4k8qT&PRpg6}^
zet>4QvXrUhydZjf2GheZrc9`=WFp{FFz-*dRx(fcL;NGCV&Mg0IQ+4g5$U8j!Oqf`
zYndI<?)~WABn^j4XY>;x&&K$}$wj!Br1M1PJ)5Ik5TYo5Gjo38J#z$q5cV<wo?V4<
zos<AQw+W;CvP`vRDE~JpoF8LKF`3P<&nYbAOg^yS24}&#nansjH8aa-NX<&ahbbL4
zOH#Wgg;P1RAox)xoX@H@rI{AP+3DPUgUO>nw^;~;b8SLC>ZFJ8N10%+rzJejd>O8;
zY@n*2zQKe+%k6>$lRoG55KzWRkoN>*xSSt+gx$9b#s2BpsAGnzZKfGo-epFpGVUJ4
zwEt};T*U-|T#l~N`!*wjVKYva_Y%`Gv=9k;Ut+S=ZH|SO-!ZXt?PlS=Nbh!nX7y<g
z39)_dc;;8aFzPtVM2z>^|Kc!qBJKTyu#LDEyy2AavKObE7FNT#H-!KQiex!B7QxD1
z)F)wVv<l^E%saxweqMD!h=u9z2?CuL%i374F7(Ww1)2Cp?~GwT*N$>D^onc*P5fL4
zWCpB}#%8cD3tUa=qO=qUPG%$cT61l7Z4HpUOqlm{mR}SyxQvvHluTNE4ZBD3%7-)8
zvcn-cKn#O@#jG9-Ytf*|!J-6H{6zs$Zk9rzE0Yzwi`Wnvq!S+u@iV7ar$g$~%m_~q
zKnW3WZlu`a#+*3BjO1$7lMlVuvXLsr0LSOBCO%!|T<mr@&+na)VkiWT5IN|I76tmk
zJoazC@BpMr2!qp2d<=Y{YBl2=7Y^_A_)G9ykAE^<u!NngZA3Km#EaI0OWCP?n|Gpy
ziH37q*<$)a8@twLO}NX%hC<LsLI7R6j2#;cw>sJQT_<m0S%{g)=$W)keDe^E(0e-@
zNApTV2LpHhkw|Qk8xanlOcf(2Vr!ZH4B>ERnHZ^Y!O1c)O8tdtR*@*tH}7Oy*?~f6
zvx|Ku-0K}5*NYY|D<iAML~nSQ{Z+7UW5^sn42~aTF+8jiqlN%K_B3lB0vvaQ9XkYg
z)e*LGFu40D8$TqJhwG0H#Q=NPh!Y2Ms9*ttZV+b-!Wjoa^ziWw;wDbJs~~l>J`|>R
zi8}hyarR_hf2d&^&(lN1Z#x+T#rN}<2S87j@_rktI6qp&arzPND9p`~bMegSo)LX2
z^p2Kobkd)7U+L*v8C;moeUJ;zN<r|+X-1%dlesgjXKU!5uXG1B57UDdwPV{Q4%S@c
zBI!pK?tPti2XjT~0r!O6<w6LYJE+IFlq(w`M<=Zj#?++LWGzaA{Z2uFyh7FhNs=_u
z2X+VOY?INDmXfMIvef{+R~WM}d*R}m8c#&N9Pf$9$IH3vbe>y1*8obcJR0)mvLei%
z!Bx0b%4%SS!O0Cm6a=mlc}Us9>Zn}7eW9%!*VQeDz@AUJ07$ux+W_SeQkl<IT1?z~
zJr_;9200%o<@w?iltfEYy~K1+v=rboGktBG^dg}vnz$WaUWjsVzxB#F>)>V*!JVt*
z!o@dqkuX0&y4@#?7^N^DV{99j=4G7S#(l>4$mTES0(?iCcBM)u`fzhsa+7=`sP4iG
zV@tK{2YIVF9;SbYcg0$h6bpY}&DHtjIZV>JKAx0XIh<lRT*YV?H~r;}++5%NuU#1M
zjv^)cxMT9AEd%heG-oq+U!0c!$X}Ug(cn$O3<tSt*zAy+piC#o@Q-#e9C`zJ4yON}
z6XEMZywV<}81R;j!yx!lixdv$3z;|&ol+nie~OXZ8B6+;9G16!&Xq%+ikNhp9HZqG
z-G{j2zKPY1)UpxS(JHm~bC`E;mvg#Hm=HMoIu{8S4)gl%K)h7nI!^*1xdhcXvR@Wp
zo_e`^4?q$`{f=7(JN}8-ZO1UbEIm&|ID1$YVd`et2uItcCc106wApiT4mPk+P_;t3
z5AMHPZUslDBtVQyE`p%fI00Vmlv?`KRP#T>Gh8|xT`d`4+E)24zmz0QvDP`zhcET$
z1?a70K7a+QB{OVaEk&tx8Su(IawJJoMTLWLjnoX)-Llm^(YZBJ8HgZH1GG~uoV=*x
zpb6x@7>kyPg-iFzBVhOQT%4N5iLjssmp1iz&IGUAf^(>dK;Ic#Q`KxRB*CX$(uYuX
z2?=wb#67|dD23iE&JRjo;F5d`y6Xi_aSK8EQS|6KX(J&fNSTS3t%0zDIv;N4Hn{@s
zTrKgqh{-Q=OJUE;oFk;Zsk*MVW=U;LL(US%^4eCMG<iL)P*pax51F{QzHV7-trx3m
zJR}w;35TDrm%>1Pg`2K9w0ldtUg4sLnr#0q5~j6RnoPr9aWb4D0%A8vqvX0)$FdeQ
z*~H|k<|H8Z%i{$Dnou2Fe3dgp?*?4bSwS2QhK<q)aIE9F5r}N7ZLF<n*O(LAYFnyX
ztJ`ZA8CC&SvBKbv4N|}e+=QWtlH4+rH%g=C_M^yYcC^P2U_qO<*Vj}xP8f{xO*z3Z
zdEh+t?X^vY1hlrMxZuagaB>x+n>kSD!4kjEWH9}_5b57<4T*5#F+LPxve*zf{xQB{
zot}#6X3HTVysID84>Nh9x>8M4PGfajdt%L!`o={Q1{!1Gvi5dIvtd<LGraT|uY(;~
zm|GotQkYoKPn|^X(g*AH&1Qz6B5pWDKPd>XV-y=)^h3z(+qzvJ;M-&ngI6UOB^mB~
zh!^vQbdT?#_P5$F0k*f{{`Ed7=xTn5CH;#%^0>?mc=fm3$^^slCow}&T?Y1@<m!U@
zYoKl?oLDZ6gng;(aE$jBSkNGhhNna}00Jx+g0*@AA`;X);FrEIr(Q3tdZb^wTZ#_5
zT%_tD5PYAScAw%hi5Yh8lEc)<7X<zf$s<Ar)5B}0I8%2BFQ}o|5BMq}2Fk2Vgf_<s
zmsA|upQok1v9Zm2A}4Q^!p9AP?GJLhEv!4Gi=aQ-D*cs_ywM#U8H<Ra^f8c9y-6T!
zxfes!g?pv9Jvr#kkECJr>^A9nKX3l0RItM!<u4qj{b6D-z1Sl?+?SO!e#o^B$O@t$
z=u<A%%e#4(G|yvK%)}^WVluhx<!-lh6GQFixr?3~b;Ei#2#zcGLTz|h@`ILtaFYjc
z!0|oOsR0mr{}<dN+Dp18kxd?pHHzMgI)Qct@^^-KmAP#+p8!)v^LO=2x9NY4<`?*k
zF>O4*)0>N(AJ5-L=&^X-=}XnlP2|Jr)QNnN4|1|silBkL(k4Q46Zxsy68z!KV{EwB
zedw_yey-P+G&Y^j>@(N?B)o+3+POe#{78DPFE!i0kQoC#BEGKf`$7t$59ji|zO<C~
zOySG@ywbs0z~fz1z~7)+ITrT4t&4Cc#s?Q--h&SQ9K_j><XtO2-ItUbY<w(S{8DoG
zASZ4V;`Aw)pQond1K+cc7V+a?ij99z@?`3{hBdIm&PT&!8+z{37o;t6TIyvS^VOtn
zl&XXTm-Irgx8`%=J;p@yzLr|X%V}v?rb$c7#7BB6+|`1LOm5-r1K||mN60{!MoT+d
z`A?b45TADNW8u^oeF%(9&<8_R3!g9q1?`%kf8#Ql6j|?#_ii{A6&rYX<2|g|CLbU=
zIC2`hX=hK9U>d)RzrefQ_@`cOEFy5UkQw<c>Vf{DLQJ2lp1D__OdS!zCuC4jFxHRm
zixDbBx8DsY4epNd1=Vj=6l@&}TXy1`Wy<~j28iV)sXK=aqSG3LH@U0T!mHIn6a7)D
zg=<+VF=9(!<?{bp&G2&xCd7;X?hE?9!XeF`Ahv3k&QGyOc$}rV*NTsNYwa+wRQNha
z#TN1JeU;q*j|IbAJ^kISVnk-Yj0L`H*$_*HegWc!LobQ+&`Y|&KzE$}hT`GYFg0rX
zgRg7|ST-C3PZ?zcT|1d;@uo{xE+7IH5J%FZ7j+#!=_=wyKk5jP4*7X5u^+9LsCX^<
z)2t$@O_e{<FLR_4cMAVKONnuMSXCimO|nATg9T(yzwpPXDw<y4LLkV5FJJ#lRmB<5
z^G~eH{$vV@%YEkmo)tuj6~ScRTOwSo6ke?qy33v3a@lt&OMa`u)747h!20huS0Ard
z3V)DF;SK%c<kceKm5PK%ACNlxN>*CC?mHI=lRR12_b3lO_?T4LSKY<0L4Jtx;Dhf-
z=5Jjd+^h9i2Nwo|8QA-QoD9jSyg$^W@;jjSed+h!g4ESw;s2;u2v{sU08@<m1bS|~
z{{72pfAIawhAQis4Ja7@{OJ^<yf&QXS>zroq}(R+u+@PT^^i^SQZU_u4K%g$&E{h5
zeaWqI51ifU&jS=QGM#*z{5Bcbod$YB4ubfdav&s?a9DxdFAsy>XR$}UZ4-W{gx_aO
z7sl4LR(B?*!v33BY%O~F(zntDTjU%@?Ln_p+t1Ur&NEix@#}{zfI=KArFfdQRh~xF
z&hkj;xksL$c9u7*-Q-fhMskr@)$D0qVn_J_*b8!-+T7J>b+qJX@*(0I>uK`6^6i9T
z+cla%(hk|(ONE&2a-_Q>eBE|AUG2r<*O(Sm;@$0X$(86v!moG869@NF<N3Z;YHFW$
z1AD3lw5*$~e-FfW`Sok6N`l&$RlD1ogwyxSQSka_a&VrOm<;ZNed|m`lgEwkyHewB
z#E%2lE@J#x)C|sa_(ul!S59ltz^Jd76fmsDw}RecY<T3I6a2^;7`4+sGGsub&PN>v
zc?$NmPENsg(R4-dgEu~t1Cs`3RfAXIvxL^`buaxU1wROgIgj5b^nC88gWg$k5ccLZ
ztL!rS1wmC8`rgJ^HV`H+Mc=#f0tz%mzCrD~jtIrt(llk^;7M+7#8CS+s5hsFBRz5o
ze0CTc;=w!R^Ili@*DW{!9{P<e!!LKr!7#xt>zNd-C5Pt-WXUT=|ByWL3Z1zqH^2Qw
u^yDo!>BHd{NQ>sd#++rK2VpZV5GFn%`wt~aYridgL@v#sADx!V68{^VHQ`18

diff --git a/demo/dist/js/tabler.min.js b/demo/dist/js/tabler.min.js
index f5bb6bfe3..e11ac3f1c 100644
--- a/demo/dist/js/tabler.min.js
+++ b/demo/dist/js/tabler.min.js
@@ -2,5 +2,5 @@
   * Tabler vv1.0.0-alpha (https://tabler.io)
   * Copyright 2018-2020 codecalm
   * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-  */'use strict';var __assign=window&&window.__assign||function(){return(__assign=Object.assign||function(b){for(var c,d=1,e=arguments.length;d<e;d++)for(var f in c=arguments[d])Object.prototype.hasOwnProperty.call(c,f)&&(b[f]=c[f]);return b}).apply(this,arguments)},CountUp=function(){var b=Math.abs;function a(c,d,e){var f=Math.pow,g=this;this.target=c,this.endVal=d,this.options=e,this.version="2.0.4",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:""},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.count=function(a){g.startTime||(g.startTime=a);var b=a-g.startTime;g.remaining=g.duration-b,g.frameVal=g.useEasing?g.countDown?g.startVal-g.easingFn(b,0,g.startVal-g.endVal,g.duration):g.easingFn(b,g.startVal,g.endVal-g.startVal,g.duration):g.countDown?g.startVal-(g.startVal-g.endVal)*(b/g.duration):g.startVal+(g.endVal-g.startVal)*(b/g.duration),g.frameVal=g.countDown?g.frameVal<g.endVal?g.endVal:g.frameVal:g.frameVal>g.endVal?g.endVal:g.frameVal,g.frameVal=Math.round(g.frameVal*g.decimalMult)/g.decimalMult,g.printValue(g.frameVal),b<g.duration?g.rAF=requestAnimationFrame(g.count):null===g.finalEndVal?g.callback&&g.callback():g.update(g.finalEndVal)},this.formatNumber=function(c){var d,f,j,k,m,p=0>c?"-":"";if(d=b(c).toFixed(g.options.decimalPlaces),j=(f=(d+="").split("."))[0],k=1<f.length?g.options.decimal+f[1]:"",g.options.useGrouping){m="";for(var o=0,q=j.length;o<q;++o)0!=o&&0==o%3&&(m=g.options.separator+m),m=j[q-o-1]+m;j=m}return g.options.numerals&&g.options.numerals.length&&(j=j.replace(/[0-9]/g,function(a){return g.options.numerals[+a]}),k=k.replace(/[0-9]/g,function(a){return g.options.numerals[+a]})),p+g.options.prefix+j+k+g.options.suffix},this.easeOutExpo=function(b,c,d,a){return 1024*(d*(1-f(2,-10*b/a)))/1023+c},this.options=__assign({},this.defaults,e),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(d),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.decimalMult=f(10,this.options.decimalPlaces),this.resetDuration(),this.options.separator=this.options.separator+"",this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof c?document.getElementById(c):c,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined"}return a.prototype.determineDirectionAndSmartEasing=function(){var c=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>c;var d=c-this.startVal;if(b(d)>this.options.smartEasingThreshold){this.finalEndVal=c;var e=this.countDown?1:-1;this.endVal=c+e*this.options.smartEasingAmount,this.duration/=2}else this.endVal=c,this.finalEndVal=null;this.useEasing=!this.finalEndVal&&this.options.useEasing},a.prototype.start=function(a){this.error||(this.callback=a,0<this.duration?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},a.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},a.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},a.prototype.update=function(a){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(a),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},a.prototype.printValue=function(a){var b=this.formattingFn(a);"INPUT"===this.el.tagName?this.el.value=b:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=b:this.el.innerHTML=b},a.prototype.ensureNumber=function(a){return"number"==typeof a&&!isNaN(a)},a.prototype.validateValue=function(a){var b=+a;return this.ensureNumber(b)?b:(this.error="[CountUp] invalid start or end value: "+a,null)},a.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*+this.options.duration,this.remaining=this.duration},a}(),tabler={toggleFullscreen:function(a){a=a||document.documentElement,document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen():a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}};$(document).ready(function(){var a=$("body");a.on("click","[data-toggle=\"menubar\"]",function(b){return a.toggleClass("aside-visible"),b.preventDefault(),!1});for(var b,c=document.querySelectorAll("[data-countup]"),d=0;d<c.length;d++){b=void 0,c[d].getAttribute("data-countup")&&(b=JSON.parse(c[d].getAttribute("data-countup")));var e=new CountUp(c[d],parseFloat(c[d].innerText),b);e.start()}}),window.tabler=tabler;
+  */'use strict';var __assign=window&&window.__assign||function(){return(__assign=Object.assign||function(b){for(var c,d=1,e=arguments.length;d<e;d++)for(var f in c=arguments[d])Object.prototype.hasOwnProperty.call(c,f)&&(b[f]=c[f]);return b}).apply(this,arguments)},CountUp=function(){var b=Math.abs;function a(c,d,e){var f=Math.pow,g=this;this.target=c,this.endVal=d,this.options=e,this.version="2.0.4",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:""},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.count=function(a){g.startTime||(g.startTime=a);var b=a-g.startTime;g.remaining=g.duration-b,g.frameVal=g.useEasing?g.countDown?g.startVal-g.easingFn(b,0,g.startVal-g.endVal,g.duration):g.easingFn(b,g.startVal,g.endVal-g.startVal,g.duration):g.countDown?g.startVal-(g.startVal-g.endVal)*(b/g.duration):g.startVal+(g.endVal-g.startVal)*(b/g.duration),g.frameVal=g.countDown?g.frameVal<g.endVal?g.endVal:g.frameVal:g.frameVal>g.endVal?g.endVal:g.frameVal,g.frameVal=Math.round(g.frameVal*g.decimalMult)/g.decimalMult,g.printValue(g.frameVal),b<g.duration?g.rAF=requestAnimationFrame(g.count):null===g.finalEndVal?g.callback&&g.callback():g.update(g.finalEndVal)},this.formatNumber=function(c){var d,f,j,k,m,p=0>c?"-":"";if(d=b(c).toFixed(g.options.decimalPlaces),j=(f=(d+="").split("."))[0],k=1<f.length?g.options.decimal+f[1]:"",g.options.useGrouping){m="";for(var o=0,q=j.length;o<q;++o)0!=o&&0==o%3&&(m=g.options.separator+m),m=j[q-o-1]+m;j=m}return g.options.numerals&&g.options.numerals.length&&(j=j.replace(/[0-9]/g,function(a){return g.options.numerals[+a]}),k=k.replace(/[0-9]/g,function(a){return g.options.numerals[+a]})),p+g.options.prefix+j+k+g.options.suffix},this.easeOutExpo=function(b,c,d,a){return 1024*(d*(1-f(2,-10*b/a)))/1023+c},this.options=__assign({},this.defaults,e),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(d),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.decimalMult=f(10,this.options.decimalPlaces),this.resetDuration(),this.options.separator=this.options.separator+"",this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof c?document.getElementById(c):c,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined"}return a.prototype.determineDirectionAndSmartEasing=function(){var c=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>c;var d=c-this.startVal;if(b(d)>this.options.smartEasingThreshold){this.finalEndVal=c;var e=this.countDown?1:-1;this.endVal=c+e*this.options.smartEasingAmount,this.duration/=2}else this.endVal=c,this.finalEndVal=null;this.useEasing=!this.finalEndVal&&this.options.useEasing},a.prototype.start=function(a){this.error||(this.callback=a,0<this.duration?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},a.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},a.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},a.prototype.update=function(a){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(a),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},a.prototype.printValue=function(a){var b=this.formattingFn(a);"INPUT"===this.el.tagName?this.el.value=b:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=b:this.el.innerHTML=b},a.prototype.ensureNumber=function(a){return"number"==typeof a&&!isNaN(a)},a.prototype.validateValue=function(a){var b=+a;return this.ensureNumber(b)?b:(this.error="[CountUp] invalid start or end value: "+a,null)},a.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*+this.options.duration,this.remaining=this.duration},a}(),tabler={toggleFullscreen:function(a){a=a||document.documentElement,document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen():a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}};$(document).ready(function(){var a=$("body");$("[data-toggle=\"toast\"]").toast(),a.on("click","[data-toggle=\"menubar\"]",function(b){return a.toggleClass("aside-visible"),b.preventDefault(),!1}),$("[data-toggle=\"tooltip\"]").tooltip();var b=[].slice.call(document.querySelectorAll("[data-toggle=\"popover\"]"));b.map(function(a){return new bootstrap.Popover(a,{autoHide:!0})});for(var c,d=document.querySelectorAll("[data-countup]"),e=0;e<d.length;e++){c=void 0,d[e].getAttribute("data-countup")&&(c=JSON.parse(d[e].getAttribute("data-countup")));var f=new CountUp(d[e],parseFloat(d[e].innerText),c);f.start()}}),window.tabler=tabler;
 //# sourceMappingURL=tabler.min.js.map
diff --git a/demo/dist/js/tabler.min.js.map b/demo/dist/js/tabler.min.js.map
index e781db7c6760b5a5f8cbdf031922a41c9dea3d1e..cb2926f20833660042dee551ed4bb06e65b82d7c 100644
GIT binary patch
delta 1283
zcmaJ<QBTuQ6b>e8;<J&(1gR6lhS$LWK_nQ@z1_OWa2o>=DG#NqbK14FyJc*KEIu0_
zOr!D5C*Mu*C-|#;@}5&95P~nKr?=nto$ouh@yC%*pGSUv8@;4y@p39Rt!bvGX%m^r
zou(zN`_gZ<TxZ2hOW*2BGrc>R%~6}lE+a7hI{G7ioMJnkDW|7QRcn6W?>iy3+SD{Y
z_N`D0lGBZ_-D){urQMa<ing<x>$+{*$=R0cW}3bobsSIT-bGH>Z#b@FOFsnHjs4Wv
z5XYJFyiBfR1({coXUn$lX_>Qtf}7ReBhQqfBcssMJg2Aa`M&JR&<b+LUeB@EKb9%2
zNcyFA^Sbj$lVRi}Vux9L9v*#3eZO*<))D8&Cnu!uyRsdmS^BIEjH?bQYwV5Rs436q
zKm}JFomf--u{qTpdvH{Xmm>VglbfhuV;2S8qYvZGokF<@OaO?a^f`cztxl)2++eE!
zbG*a~P?_iIOLdVK5U@&wf;xw1#rO{|T{YO2>PvB1+#32ivjK{MuIMEagcd$(3#ef)
z@*>fbGJAID0<W?vz#^|H@unh_p~DBfj$j~LZ&3scW~d_2U<uzFOGO2R4b>09?&_=#
zKqS!@tfgjb3@GIcXE-s>Nvo-bhyjo2Qz9%#*;ApFYQ$LsV6%+<b1Z5LRS<ImXO)Si
zOeshMKMH}?n?vloNk~a%dx#WEN}605pm&LTfK^{dJk(STxC&f{d;H)eZ~=-sVJVF9
z`hUSNrV1AS7Ps#{G*C6!K;A%K^{03uaBrALgkmASrjOlRA|zeYdcxWkY#ZRE9)mtn
zH7F`kY1<V-ZqXGc@)rvrtIzRg7$p0CQHX!(>EQv5RGU+_$kn!g%I+z>fY#UNof6wr
z_dqTxSTCHshPSbY5RcY2uj69jfsQxbr2n@1gmm8E?+NQ|U2P-~lm|ktU_Ajn&ej0d
R2$vVw*Jenr#q%P4_!szGfCT^m

delta 572
zcma)&&o2W(6vxvGR}s;;h*pzUGPDtd1Ie2=yVDXaEuoZzb}iM~cC)RLh(ACaWG>?3
z;7TItf5KnmX5JK$xVXIizBix!z8|-DA$1day$`F8@RNE7Pq9*vOpe78@!iTna4;Eo
zu3K{!OVNhc@Y;@FitfcHroNIy_kHBCPhF11)L>*}pxJW#i-J>g%7N!Yt=3IMobe&+
z$YKbvLIIIk09m2lM7rN%TUy&HVvT0&f|UX6Gr?9MEeHjdKIu8m*5Q<Qc*Yb#|8EN<
zy-q;}sNZ`UTgY4vu+dg8cB<sb9}15p%V}zvD##=NxuK7BVnh?^6|}T`J>j=EHjIOr
zCf{=_TC51LW2*%j3uV;49G*}AhbQKO(~6gz`oOkS&oX+Qv?<Z8b$>HlF=Z-dx8MC6
zyl0V;Y!hIU63kNkLw--1V+DXiLe9)eGa^sPtk4(4$|~vH5=HEwK04&j=`d~Hn`lQ<
X(;OVO3Sd~QBI&ggW9ITIMz1~r<F2E?

diff --git a/demo/dist/libs/daterangepicker/daterangepicker.css b/demo/dist/libs/daterangepicker/daterangepicker.css
new file mode 100644
index 000000000..a96380496
--- /dev/null
+++ b/demo/dist/libs/daterangepicker/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/demo/dist/libs/daterangepicker/daterangepicker.js b/demo/dist/libs/daterangepicker/daterangepicker.js
new file mode 100644
index 000000000..6aac9665b
--- /dev/null
+++ b/demo/dist/libs/daterangepicker/daterangepicker.js
@@ -0,0 +1,1565 @@
+/**
+* @version: 3.0.5
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.default) moment = moment.default
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this))
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this))
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').attr('disabled', 'disabled').addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').removeAttr('disabled').removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').removeAttr('disabled');
+            } else {
+                this.container.find('button.applyBtn').attr('disabled', 'disabled');
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop;
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            if (this.drops == 'up')
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+            else
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container[this.drops == 'up' ? 'addClass' : 'removeClass']('drop-up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/demo/dist/libs/daterangepicker/moment.min.js b/demo/dist/libs/daterangepicker/moment.min.js
new file mode 100644
index 000000000..5787a4085
--- /dev/null
+++ b/demo/dist/libs/daterangepicker/moment.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var e,i;function c(){return e.apply(null,arguments)}function o(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function u(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function l(e){return void 0===e}function h(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function d(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function f(e,t){var n,s=[];for(n=0;n<e.length;++n)s.push(t(e[n],n));return s}function m(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e,t){for(var n in t)m(t,n)&&(e[n]=t[n]);return m(t,"toString")&&(e.toString=t.toString),m(t,"valueOf")&&(e.valueOf=t.valueOf),e}function y(e,t,n,s){return Tt(e,t,n,s,!0).utc()}function g(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function v(e){if(null==e._isValid){var t=g(e),n=i.call(t.parsedDateParts,function(e){return null!=e}),s=!isNaN(e._d.getTime())&&t.overflow<0&&!t.empty&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n);if(e._strict&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e))return s;e._isValid=s}return e._isValid}function p(e){var t=y(NaN);return null!=e?_(g(t),e):g(t).userInvalidated=!0,t}i=Array.prototype.some?Array.prototype.some:function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1};var r=c.momentProperties=[];function w(e,t){var n,s,i;if(l(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),l(t._i)||(e._i=t._i),l(t._f)||(e._f=t._f),l(t._l)||(e._l=t._l),l(t._strict)||(e._strict=t._strict),l(t._tzm)||(e._tzm=t._tzm),l(t._isUTC)||(e._isUTC=t._isUTC),l(t._offset)||(e._offset=t._offset),l(t._pf)||(e._pf=g(t)),l(t._locale)||(e._locale=t._locale),0<r.length)for(n=0;n<r.length;n++)l(i=t[s=r[n]])||(e[s]=i);return e}var t=!1;function M(e){w(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===t&&(t=!0,c.updateOffset(this),t=!1)}function k(e){return e instanceof M||null!=e&&null!=e._isAMomentObject}function S(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function D(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=S(t)),n}function a(e,t,n){var s,i=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),a=0;for(s=0;s<i;s++)(n&&e[s]!==t[s]||!n&&D(e[s])!==D(t[s]))&&a++;return a+r}function Y(e){!1===c.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function n(i,r){var a=!0;return _(function(){if(null!=c.deprecationHandler&&c.deprecationHandler(null,i),a){for(var e,t=[],n=0;n<arguments.length;n++){if(e="","object"==typeof arguments[n]){for(var s in e+="\n["+n+"] ",arguments[0])e+=s+": "+arguments[0][s]+", ";e=e.slice(0,-2)}else e=arguments[n];t.push(e)}Y(i+"\nArguments: "+Array.prototype.slice.call(t).join("")+"\n"+(new Error).stack),a=!1}return r.apply(this,arguments)},r)}var s,O={};function T(e,t){null!=c.deprecationHandler&&c.deprecationHandler(e,t),O[e]||(Y(t),O[e]=!0)}function b(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function x(e,t){var n,s=_({},e);for(n in t)m(t,n)&&(u(e[n])&&u(t[n])?(s[n]={},_(s[n],e[n]),_(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)m(e,n)&&!m(t,n)&&u(e[n])&&(s[n]=_({},s[n]));return s}function P(e){null!=e&&this.set(e)}c.suppressDeprecationWarnings=!1,c.deprecationHandler=null,s=Object.keys?Object.keys:function(e){var t,n=[];for(t in e)m(e,t)&&n.push(t);return n};var W={};function C(e,t){var n=e.toLowerCase();W[n]=W[n+"s"]=W[t]=e}function H(e){return"string"==typeof e?W[e]||W[e.toLowerCase()]:void 0}function R(e){var t,n,s={};for(n in e)m(e,n)&&(t=H(n))&&(s[t]=e[n]);return s}var U={};function F(e,t){U[e]=t}function L(e,t,n){var s=""+Math.abs(e),i=t-s.length;return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,i)).toString().substr(1)+s}var N=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,G=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,V={},E={};function I(e,t,n,s){var i=s;"string"==typeof s&&(i=function(){return this[s]()}),e&&(E[e]=i),t&&(E[t[0]]=function(){return L(i.apply(this,arguments),t[1],t[2])}),n&&(E[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function A(e,t){return e.isValid()?(t=j(t,e.localeData()),V[t]=V[t]||function(s){var e,i,t,r=s.match(N);for(e=0,i=r.length;e<i;e++)E[r[e]]?r[e]=E[r[e]]:r[e]=(t=r[e]).match(/\[[\s\S]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"");return function(e){var t,n="";for(t=0;t<i;t++)n+=b(r[t])?r[t].call(e,s):r[t];return n}}(t),V[t](e)):e.localeData().invalidDate()}function j(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(G.lastIndex=0;0<=n&&G.test(e);)e=e.replace(G,s),G.lastIndex=0,n-=1;return e}var Z=/\d/,z=/\d\d/,$=/\d{3}/,q=/\d{4}/,J=/[+-]?\d{6}/,B=/\d\d?/,Q=/\d\d\d\d?/,X=/\d\d\d\d\d\d?/,K=/\d{1,3}/,ee=/\d{1,4}/,te=/[+-]?\d{1,6}/,ne=/\d+/,se=/[+-]?\d+/,ie=/Z|[+-]\d\d:?\d\d/gi,re=/Z|[+-]\d\d(?::?\d\d)?/gi,ae=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,oe={};function ue(e,n,s){oe[e]=b(n)?n:function(e,t){return e&&s?s:n}}function le(e,t){return m(oe,e)?oe[e](t._strict,t._locale):new RegExp(he(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function he(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var de={};function ce(e,n){var t,s=n;for("string"==typeof e&&(e=[e]),h(n)&&(s=function(e,t){t[n]=D(e)}),t=0;t<e.length;t++)de[e[t]]=s}function fe(e,i){ce(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}var me=0,_e=1,ye=2,ge=3,ve=4,pe=5,we=6,Me=7,ke=8;function Se(e){return De(e)?366:365}function De(e){return e%4==0&&e%100!=0||e%400==0}I("Y",0,0,function(){var e=this.year();return e<=9999?""+e:"+"+e}),I(0,["YY",2],0,function(){return this.year()%100}),I(0,["YYYY",4],0,"year"),I(0,["YYYYY",5],0,"year"),I(0,["YYYYYY",6,!0],0,"year"),C("year","y"),F("year",1),ue("Y",se),ue("YY",B,z),ue("YYYY",ee,q),ue("YYYYY",te,J),ue("YYYYYY",te,J),ce(["YYYYY","YYYYYY"],me),ce("YYYY",function(e,t){t[me]=2===e.length?c.parseTwoDigitYear(e):D(e)}),ce("YY",function(e,t){t[me]=c.parseTwoDigitYear(e)}),ce("Y",function(e,t){t[me]=parseInt(e,10)}),c.parseTwoDigitYear=function(e){return D(e)+(68<D(e)?1900:2e3)};var Ye,Oe=Te("FullYear",!0);function Te(t,n){return function(e){return null!=e?(xe(this,t,e),c.updateOffset(this,n),this):be(this,t)}}function be(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}function xe(e,t,n){e.isValid()&&!isNaN(n)&&("FullYear"===t&&De(e.year())&&1===e.month()&&29===e.date()?e._d["set"+(e._isUTC?"UTC":"")+t](n,e.month(),Pe(n,e.month())):e._d["set"+(e._isUTC?"UTC":"")+t](n))}function Pe(e,t){if(isNaN(e)||isNaN(t))return NaN;var n,s=(t%(n=12)+n)%n;return e+=(t-s)/12,1===s?De(e)?29:28:31-s%7%2}Ye=Array.prototype.indexOf?Array.prototype.indexOf:function(e){var t;for(t=0;t<this.length;++t)if(this[t]===e)return t;return-1},I("M",["MM",2],"Mo",function(){return this.month()+1}),I("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),I("MMMM",0,0,function(e){return this.localeData().months(this,e)}),C("month","M"),F("month",8),ue("M",B),ue("MM",B,z),ue("MMM",function(e,t){return t.monthsShortRegex(e)}),ue("MMMM",function(e,t){return t.monthsRegex(e)}),ce(["M","MM"],function(e,t){t[_e]=D(e)-1}),ce(["MMM","MMMM"],function(e,t,n,s){var i=n._locale.monthsParse(e,s,n._strict);null!=i?t[_e]=i:g(n).invalidMonth=e});var We=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ce="January_February_March_April_May_June_July_August_September_October_November_December".split("_");var He="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_");function Re(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(/^\d+$/.test(t))t=D(t);else if(!h(t=e.localeData().monthsParse(t)))return e;return n=Math.min(e.date(),Pe(e.year(),t)),e._d["set"+(e._isUTC?"UTC":"")+"Month"](t,n),e}function Ue(e){return null!=e?(Re(this,e),c.updateOffset(this,!0),this):be(this,"Month")}var Fe=ae;var Le=ae;function Ne(){function e(e,t){return t.length-e.length}var t,n,s=[],i=[],r=[];for(t=0;t<12;t++)n=y([2e3,t]),s.push(this.monthsShort(n,"")),i.push(this.months(n,"")),r.push(this.months(n,"")),r.push(this.monthsShort(n,""));for(s.sort(e),i.sort(e),r.sort(e),t=0;t<12;t++)s[t]=he(s[t]),i[t]=he(i[t]);for(t=0;t<24;t++)r[t]=he(r[t]);this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ge(e){var t;if(e<100&&0<=e){var n=Array.prototype.slice.call(arguments);n[0]=e+400,t=new Date(Date.UTC.apply(null,n)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)}else t=new Date(Date.UTC.apply(null,arguments));return t}function Ve(e,t,n){var s=7+t-n;return-((7+Ge(e,0,s).getUTCDay()-t)%7)+s-1}function Ee(e,t,n,s,i){var r,a,o=1+7*(t-1)+(7+n-s)%7+Ve(e,s,i);return a=o<=0?Se(r=e-1)+o:o>Se(e)?(r=e+1,o-Se(e)):(r=e,o),{year:r,dayOfYear:a}}function Ie(e,t,n){var s,i,r=Ve(e.year(),t,n),a=Math.floor((e.dayOfYear()-r-1)/7)+1;return a<1?s=a+Ae(i=e.year()-1,t,n):a>Ae(e.year(),t,n)?(s=a-Ae(e.year(),t,n),i=e.year()+1):(i=e.year(),s=a),{week:s,year:i}}function Ae(e,t,n){var s=Ve(e,t,n),i=Ve(e+1,t,n);return(Se(e)-s+i)/7}I("w",["ww",2],"wo","week"),I("W",["WW",2],"Wo","isoWeek"),C("week","w"),C("isoWeek","W"),F("week",5),F("isoWeek",5),ue("w",B),ue("ww",B,z),ue("W",B),ue("WW",B,z),fe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=D(e)});function je(e,t){return e.slice(t,7).concat(e.slice(0,t))}I("d",0,"do","day"),I("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),I("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),I("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),I("e",0,0,"weekday"),I("E",0,0,"isoWeekday"),C("day","d"),C("weekday","e"),C("isoWeekday","E"),F("day",11),F("weekday",11),F("isoWeekday",11),ue("d",B),ue("e",B),ue("E",B),ue("dd",function(e,t){return t.weekdaysMinRegex(e)}),ue("ddd",function(e,t){return t.weekdaysShortRegex(e)}),ue("dddd",function(e,t){return t.weekdaysRegex(e)}),fe(["dd","ddd","dddd"],function(e,t,n,s){var i=n._locale.weekdaysParse(e,s,n._strict);null!=i?t.d=i:g(n).invalidWeekday=e}),fe(["d","e","E"],function(e,t,n,s){t[s]=D(e)});var Ze="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_");var ze="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_");var $e="Su_Mo_Tu_We_Th_Fr_Sa".split("_");var qe=ae;var Je=ae;var Be=ae;function Qe(){function e(e,t){return t.length-e.length}var t,n,s,i,r,a=[],o=[],u=[],l=[];for(t=0;t<7;t++)n=y([2e3,1]).day(t),s=this.weekdaysMin(n,""),i=this.weekdaysShort(n,""),r=this.weekdays(n,""),a.push(s),o.push(i),u.push(r),l.push(s),l.push(i),l.push(r);for(a.sort(e),o.sort(e),u.sort(e),l.sort(e),t=0;t<7;t++)o[t]=he(o[t]),u[t]=he(u[t]),l[t]=he(l[t]);this._weekdaysRegex=new RegExp("^("+l.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+u.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+a.join("|")+")","i")}function Xe(){return this.hours()%12||12}function Ke(e,t){I(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function et(e,t){return t._meridiemParse}I("H",["HH",2],0,"hour"),I("h",["hh",2],0,Xe),I("k",["kk",2],0,function(){return this.hours()||24}),I("hmm",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)}),I("hmmss",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)+L(this.seconds(),2)}),I("Hmm",0,0,function(){return""+this.hours()+L(this.minutes(),2)}),I("Hmmss",0,0,function(){return""+this.hours()+L(this.minutes(),2)+L(this.seconds(),2)}),Ke("a",!0),Ke("A",!1),C("hour","h"),F("hour",13),ue("a",et),ue("A",et),ue("H",B),ue("h",B),ue("k",B),ue("HH",B,z),ue("hh",B,z),ue("kk",B,z),ue("hmm",Q),ue("hmmss",X),ue("Hmm",Q),ue("Hmmss",X),ce(["H","HH"],ge),ce(["k","kk"],function(e,t,n){var s=D(e);t[ge]=24===s?0:s}),ce(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),ce(["h","hh"],function(e,t,n){t[ge]=D(e),g(n).bigHour=!0}),ce("hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s)),g(n).bigHour=!0}),ce("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i)),g(n).bigHour=!0}),ce("Hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s))}),ce("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i))});var tt,nt=Te("Hours",!0),st={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Ce,monthsShort:He,week:{dow:0,doy:6},weekdays:Ze,weekdaysMin:$e,weekdaysShort:ze,meridiemParse:/[ap]\.?m?\.?/i},it={},rt={};function at(e){return e?e.toLowerCase().replace("_","-"):e}function ot(e){var t=null;if(!it[e]&&"undefined"!=typeof module&&module&&module.exports)try{t=tt._abbr,require("./locale/"+e),ut(t)}catch(e){}return it[e]}function ut(e,t){var n;return e&&((n=l(t)?ht(e):lt(e,t))?tt=n:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),tt._abbr}function lt(e,t){if(null===t)return delete it[e],null;var n,s=st;if(t.abbr=e,null!=it[e])T("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=it[e]._config;else if(null!=t.parentLocale)if(null!=it[t.parentLocale])s=it[t.parentLocale]._config;else{if(null==(n=ot(t.parentLocale)))return rt[t.parentLocale]||(rt[t.parentLocale]=[]),rt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return it[e]=new P(x(s,t)),rt[e]&&rt[e].forEach(function(e){lt(e.name,e.config)}),ut(e),it[e]}function ht(e){var t;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return tt;if(!o(e)){if(t=ot(e))return t;e=[e]}return function(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=at(e[r]).split("-")).length,n=(n=at(e[r+1]))?n.split("-"):null;0<t;){if(s=ot(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&a(i,n,!0)>=t-1)break;t--}r++}return tt}(e)}function dt(e){var t,n=e._a;return n&&-2===g(e).overflow&&(t=n[_e]<0||11<n[_e]?_e:n[ye]<1||n[ye]>Pe(n[me],n[_e])?ye:n[ge]<0||24<n[ge]||24===n[ge]&&(0!==n[ve]||0!==n[pe]||0!==n[we])?ge:n[ve]<0||59<n[ve]?ve:n[pe]<0||59<n[pe]?pe:n[we]<0||999<n[we]?we:-1,g(e)._overflowDayOfYear&&(t<me||ye<t)&&(t=ye),g(e)._overflowWeeks&&-1===t&&(t=Me),g(e)._overflowWeekday&&-1===t&&(t=ke),g(e).overflow=t),e}function ct(e,t,n){return null!=e?e:null!=t?t:n}function ft(e){var t,n,s,i,r,a=[];if(!e._d){var o,u;for(o=e,u=new Date(c.now()),s=o._useUTC?[u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()]:[u.getFullYear(),u.getMonth(),u.getDate()],e._w&&null==e._a[ye]&&null==e._a[_e]&&function(e){var t,n,s,i,r,a,o,u;if(null!=(t=e._w).GG||null!=t.W||null!=t.E)r=1,a=4,n=ct(t.GG,e._a[me],Ie(bt(),1,4).year),s=ct(t.W,1),((i=ct(t.E,1))<1||7<i)&&(u=!0);else{r=e._locale._week.dow,a=e._locale._week.doy;var l=Ie(bt(),r,a);n=ct(t.gg,e._a[me],l.year),s=ct(t.w,l.week),null!=t.d?((i=t.d)<0||6<i)&&(u=!0):null!=t.e?(i=t.e+r,(t.e<0||6<t.e)&&(u=!0)):i=r}s<1||s>Ae(n,r,a)?g(e)._overflowWeeks=!0:null!=u?g(e)._overflowWeekday=!0:(o=Ee(n,s,i,r,a),e._a[me]=o.year,e._dayOfYear=o.dayOfYear)}(e),null!=e._dayOfYear&&(r=ct(e._a[me],s[me]),(e._dayOfYear>Se(r)||0===e._dayOfYear)&&(g(e)._overflowDayOfYear=!0),n=Ge(r,0,e._dayOfYear),e._a[_e]=n.getUTCMonth(),e._a[ye]=n.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=a[t]=s[t];for(;t<7;t++)e._a[t]=a[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[ge]&&0===e._a[ve]&&0===e._a[pe]&&0===e._a[we]&&(e._nextDay=!0,e._a[ge]=0),e._d=(e._useUTC?Ge:function(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}).apply(null,a),i=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[ge]=24),e._w&&void 0!==e._w.d&&e._w.d!==i&&(g(e).weekdayMismatch=!0)}}var mt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,_t=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,yt=/Z|[+-]\d\d(?::?\d\d)?/,gt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],vt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],pt=/^\/?Date\((\-?\d+)/i;function wt(e){var t,n,s,i,r,a,o=e._i,u=mt.exec(o)||_t.exec(o);if(u){for(g(e).iso=!0,t=0,n=gt.length;t<n;t++)if(gt[t][1].exec(u[1])){i=gt[t][0],s=!1!==gt[t][2];break}if(null==i)return void(e._isValid=!1);if(u[3]){for(t=0,n=vt.length;t<n;t++)if(vt[t][1].exec(u[3])){r=(u[2]||" ")+vt[t][0];break}if(null==r)return void(e._isValid=!1)}if(!s&&null!=r)return void(e._isValid=!1);if(u[4]){if(!yt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),Yt(e)}else e._isValid=!1}var Mt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/;function kt(e,t,n,s,i,r){var a=[function(e){var t=parseInt(e,10);{if(t<=49)return 2e3+t;if(t<=999)return 1900+t}return t}(e),He.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&a.push(parseInt(r,10)),a}var St={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Dt(e){var t,n,s,i=Mt.exec(e._i.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));if(i){var r=kt(i[4],i[3],i[2],i[5],i[6],i[7]);if(t=i[1],n=r,s=e,t&&ze.indexOf(t)!==new Date(n[0],n[1],n[2]).getDay()&&(g(s).weekdayMismatch=!0,!(s._isValid=!1)))return;e._a=r,e._tzm=function(e,t,n){if(e)return St[e];if(t)return 0;var s=parseInt(n,10),i=s%100;return(s-i)/100*60+i}(i[8],i[9],i[10]),e._d=Ge.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),g(e).rfc2822=!0}else e._isValid=!1}function Yt(e){if(e._f!==c.ISO_8601)if(e._f!==c.RFC_2822){e._a=[],g(e).empty=!0;var t,n,s,i,r,a,o,u,l=""+e._i,h=l.length,d=0;for(s=j(e._f,e._locale).match(N)||[],t=0;t<s.length;t++)i=s[t],(n=(l.match(le(i,e))||[])[0])&&(0<(r=l.substr(0,l.indexOf(n))).length&&g(e).unusedInput.push(r),l=l.slice(l.indexOf(n)+n.length),d+=n.length),E[i]?(n?g(e).empty=!1:g(e).unusedTokens.push(i),a=i,u=e,null!=(o=n)&&m(de,a)&&de[a](o,u._a,u,a)):e._strict&&!n&&g(e).unusedTokens.push(i);g(e).charsLeftOver=h-d,0<l.length&&g(e).unusedInput.push(l),e._a[ge]<=12&&!0===g(e).bigHour&&0<e._a[ge]&&(g(e).bigHour=void 0),g(e).parsedDateParts=e._a.slice(0),g(e).meridiem=e._meridiem,e._a[ge]=function(e,t,n){var s;if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):(null!=e.isPM&&((s=e.isPM(n))&&t<12&&(t+=12),s||12!==t||(t=0)),t)}(e._locale,e._a[ge],e._meridiem),ft(e),dt(e)}else Dt(e);else wt(e)}function Ot(e){var t,n,s,i,r=e._i,a=e._f;return e._locale=e._locale||ht(e._l),null===r||void 0===a&&""===r?p({nullInput:!0}):("string"==typeof r&&(e._i=r=e._locale.preparse(r)),k(r)?new M(dt(r)):(d(r)?e._d=r:o(a)?function(e){var t,n,s,i,r;if(0===e._f.length)return g(e).invalidFormat=!0,e._d=new Date(NaN);for(i=0;i<e._f.length;i++)r=0,t=w({},e),null!=e._useUTC&&(t._useUTC=e._useUTC),t._f=e._f[i],Yt(t),v(t)&&(r+=g(t).charsLeftOver,r+=10*g(t).unusedTokens.length,g(t).score=r,(null==s||r<s)&&(s=r,n=t));_(e,n||t)}(e):a?Yt(e):l(n=(t=e)._i)?t._d=new Date(c.now()):d(n)?t._d=new Date(n.valueOf()):"string"==typeof n?(s=t,null===(i=pt.exec(s._i))?(wt(s),!1===s._isValid&&(delete s._isValid,Dt(s),!1===s._isValid&&(delete s._isValid,c.createFromInputFallback(s)))):s._d=new Date(+i[1])):o(n)?(t._a=f(n.slice(0),function(e){return parseInt(e,10)}),ft(t)):u(n)?function(e){if(!e._d){var t=R(e._i);e._a=f([t.year,t.month,t.day||t.date,t.hour,t.minute,t.second,t.millisecond],function(e){return e&&parseInt(e,10)}),ft(e)}}(t):h(n)?t._d=new Date(n):c.createFromInputFallback(t),v(e)||(e._d=null),e))}function Tt(e,t,n,s,i){var r,a={};return!0!==n&&!1!==n||(s=n,n=void 0),(u(e)&&function(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;var t;for(t in e)if(e.hasOwnProperty(t))return!1;return!0}(e)||o(e)&&0===e.length)&&(e=void 0),a._isAMomentObject=!0,a._useUTC=a._isUTC=i,a._l=n,a._i=e,a._f=t,a._strict=s,(r=new M(dt(Ot(a))))._nextDay&&(r.add(1,"d"),r._nextDay=void 0),r}function bt(e,t,n,s){return Tt(e,t,n,s,!1)}c.createFromInputFallback=n("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),c.ISO_8601=function(){},c.RFC_2822=function(){};var xt=n("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:p()}),Pt=n("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:p()});function Wt(e,t){var n,s;if(1===t.length&&o(t[0])&&(t=t[0]),!t.length)return bt();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Ct=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ht(e){var t=R(e),n=t.year||0,s=t.quarter||0,i=t.month||0,r=t.week||t.isoWeek||0,a=t.day||0,o=t.hour||0,u=t.minute||0,l=t.second||0,h=t.millisecond||0;this._isValid=function(e){for(var t in e)if(-1===Ye.call(Ct,t)||null!=e[t]&&isNaN(e[t]))return!1;for(var n=!1,s=0;s<Ct.length;++s)if(e[Ct[s]]){if(n)return!1;parseFloat(e[Ct[s]])!==D(e[Ct[s]])&&(n=!0)}return!0}(t),this._milliseconds=+h+1e3*l+6e4*u+1e3*o*60*60,this._days=+a+7*r,this._months=+i+3*s+12*n,this._data={},this._locale=ht(),this._bubble()}function Rt(e){return e instanceof Ht}function Ut(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){I(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+L(~~(e/60),2)+n+L(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),ue("Z",re),ue("ZZ",re),ce(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Nt(re,e)});var Lt=/([\+\-]|\d\d)/gi;function Nt(e,t){var n=(t||"").match(e);if(null===n)return null;var s=((n[n.length-1]||[])+"").match(Lt)||["-",0,0],i=60*s[1]+D(s[2]);return 0===i?0:"+"===s[0]?i:-i}function Gt(e,t){var n,s;return t._isUTC?(n=t.clone(),s=(k(e)||d(e)?e.valueOf():bt(e).valueOf())-n.valueOf(),n._d.setTime(n._d.valueOf()+s),c.updateOffset(n,!1),n):bt(e).local()}function Vt(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}function Et(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}c.updateOffset=function(){};var It=/^(\-|\+)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,At=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function jt(e,t){var n,s,i,r=e,a=null;return Rt(e)?r={ms:e._milliseconds,d:e._days,M:e._months}:h(e)?(r={},t?r[t]=e:r.milliseconds=e):(a=It.exec(e))?(n="-"===a[1]?-1:1,r={y:0,d:D(a[ye])*n,h:D(a[ge])*n,m:D(a[ve])*n,s:D(a[pe])*n,ms:D(Ut(1e3*a[we]))*n}):(a=At.exec(e))?(n="-"===a[1]?-1:1,r={y:Zt(a[2],n),M:Zt(a[3],n),w:Zt(a[4],n),d:Zt(a[5],n),h:Zt(a[6],n),m:Zt(a[7],n),s:Zt(a[8],n)}):null==r?r={}:"object"==typeof r&&("from"in r||"to"in r)&&(i=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(bt(r.from),bt(r.to)),(r={}).ms=i.milliseconds,r.M=i.months),s=new Ht(r),Rt(e)&&m(e,"_locale")&&(s._locale=e._locale),s}function Zt(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)?0:n)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function $t(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(T(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),qt(this,jt(e="string"==typeof e?+e:e,t),s),this}}function qt(e,t,n,s){var i=t._milliseconds,r=Ut(t._days),a=Ut(t._months);e.isValid()&&(s=null==s||s,a&&Re(e,be(e,"Month")+a*n),r&&xe(e,"Date",be(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s&&c.updateOffset(e,r||a))}jt.fn=Ht.prototype,jt.invalid=function(){return jt(NaN)};var Jt=$t(1,"add"),Bt=$t(-1,"subtract");function Qt(e,t){var n=12*(t.year()-e.year())+(t.month()-e.month()),s=e.clone().add(n,"months");return-(n+(t-s<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(n+1,"months")-s)))||0}function Xt(e){var t;return void 0===e?this._locale._abbr:(null!=(t=ht(e))&&(this._locale=t),this)}c.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",c.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var Kt=n("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function en(){return this._locale}var tn=126227808e5;function nn(e,t){return(e%t+t)%t}function sn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-tn:new Date(e,t,n).valueOf()}function rn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-tn:Date.UTC(e,t,n)}function an(e,t){I(0,[e,e.length],0,t)}function on(e,t,n,s,i){var r;return null==e?Ie(this,s,i).year:((r=Ae(e,s,i))<t&&(t=r),function(e,t,n,s,i){var r=Ee(e,t,n,s,i),a=Ge(r.year,0,r.dayOfYear);return this.year(a.getUTCFullYear()),this.month(a.getUTCMonth()),this.date(a.getUTCDate()),this}.call(this,e,t,n,s,i))}I(0,["gg",2],0,function(){return this.weekYear()%100}),I(0,["GG",2],0,function(){return this.isoWeekYear()%100}),an("gggg","weekYear"),an("ggggg","weekYear"),an("GGGG","isoWeekYear"),an("GGGGG","isoWeekYear"),C("weekYear","gg"),C("isoWeekYear","GG"),F("weekYear",1),F("isoWeekYear",1),ue("G",se),ue("g",se),ue("GG",B,z),ue("gg",B,z),ue("GGGG",ee,q),ue("gggg",ee,q),ue("GGGGG",te,J),ue("ggggg",te,J),fe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=D(e)}),fe(["gg","GG"],function(e,t,n,s){t[s]=c.parseTwoDigitYear(e)}),I("Q",0,"Qo","quarter"),C("quarter","Q"),F("quarter",7),ue("Q",Z),ce("Q",function(e,t){t[_e]=3*(D(e)-1)}),I("D",["DD",2],"Do","date"),C("date","D"),F("date",9),ue("D",B),ue("DD",B,z),ue("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),ce(["D","DD"],ye),ce("Do",function(e,t){t[ye]=D(e.match(B)[0])});var un=Te("Date",!0);I("DDD",["DDDD",3],"DDDo","dayOfYear"),C("dayOfYear","DDD"),F("dayOfYear",4),ue("DDD",K),ue("DDDD",$),ce(["DDD","DDDD"],function(e,t,n){n._dayOfYear=D(e)}),I("m",["mm",2],0,"minute"),C("minute","m"),F("minute",14),ue("m",B),ue("mm",B,z),ce(["m","mm"],ve);var ln=Te("Minutes",!1);I("s",["ss",2],0,"second"),C("second","s"),F("second",15),ue("s",B),ue("ss",B,z),ce(["s","ss"],pe);var hn,dn=Te("Seconds",!1);for(I("S",0,0,function(){return~~(this.millisecond()/100)}),I(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),I(0,["SSS",3],0,"millisecond"),I(0,["SSSS",4],0,function(){return 10*this.millisecond()}),I(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),I(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),I(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),I(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),I(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),C("millisecond","ms"),F("millisecond",16),ue("S",K,Z),ue("SS",K,z),ue("SSS",K,$),hn="SSSS";hn.length<=9;hn+="S")ue(hn,ne);function cn(e,t){t[we]=D(1e3*("0."+e))}for(hn="S";hn.length<=9;hn+="S")ce(hn,cn);var fn=Te("Milliseconds",!1);I("z",0,0,"zoneAbbr"),I("zz",0,0,"zoneName");var mn=M.prototype;function _n(e){return e}mn.add=Jt,mn.calendar=function(e,t){var n=e||bt(),s=Gt(n,this).startOf("day"),i=c.calendarFormat(this,s)||"sameElse",r=t&&(b(t[i])?t[i].call(this,n):t[i]);return this.format(r||this.localeData().calendar(i,this,bt(n)))},mn.clone=function(){return new M(this)},mn.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=H(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:S(r)},mn.endOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-nn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-nn(t,1e3)-1;break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.format=function(e){e||(e=this.isUtc()?c.defaultFormatUtc:c.defaultFormat);var t=A(this,e);return this.localeData().postformat(t)},mn.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.fromNow=function(e){return this.from(bt(),e)},mn.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.toNow=function(e){return this.to(bt(),e)},mn.get=function(e){return b(this[e=H(e)])?this[e]():this},mn.invalidAt=function(){return g(this).overflow},mn.isAfter=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()>n.valueOf():n.valueOf()<this.clone().startOf(t).valueOf())},mn.isBefore=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()<n.valueOf():this.clone().endOf(t).valueOf()<n.valueOf())},mn.isBetween=function(e,t,n,s){var i=k(e)?e:bt(e),r=k(t)?t:bt(t);return!!(this.isValid()&&i.isValid()&&r.isValid())&&("("===(s=s||"()")[0]?this.isAfter(i,n):!this.isBefore(i,n))&&(")"===s[1]?this.isBefore(r,n):!this.isAfter(r,n))},mn.isSame=function(e,t){var n,s=k(e)?e:bt(e);return!(!this.isValid()||!s.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()===s.valueOf():(n=s.valueOf(),this.clone().startOf(t).valueOf()<=n&&n<=this.clone().endOf(t).valueOf()))},mn.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},mn.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},mn.isValid=function(){return v(this)},mn.lang=Kt,mn.locale=Xt,mn.localeData=en,mn.max=Pt,mn.min=xt,mn.parsingFlags=function(){return _({},g(this))},mn.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t=[];for(var n in e)t.push({unit:n,priority:U[n]});return t.sort(function(e,t){return e.priority-t.priority}),t}(e=R(e)),s=0;s<n.length;s++)this[n[s].unit](e[n[s].unit]);else if(b(this[e=H(e)]))return this[e](t);return this},mn.startOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=nn(t,6e4);break;case"second":t=this._d.valueOf(),t-=nn(t,1e3);break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.subtract=Bt,mn.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},mn.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},mn.toDate=function(){return new Date(this.valueOf())},mn.toISOString=function(e){if(!this.isValid())return null;var t=!0!==e,n=t?this.clone().utc():this;return n.year()<0||9999<n.year()?A(n,t?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):b(Date.prototype.toISOString)?t?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",A(n,"Z")):A(n,t?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")},mn.inspect=function(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var e="moment",t="";this.isLocal()||(e=0===this.utcOffset()?"moment.utc":"moment.parseZone",t="Z");var n="["+e+'("]',s=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",i=t+'[")]';return this.format(n+s+"-MM-DD[T]HH:mm:ss.SSS"+i)},mn.toJSON=function(){return this.isValid()?this.toISOString():null},mn.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},mn.unix=function(){return Math.floor(this.valueOf()/1e3)},mn.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},mn.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},mn.year=Oe,mn.isLeapYear=function(){return De(this.year())},mn.weekYear=function(e){return on.call(this,e,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)},mn.isoWeekYear=function(e){return on.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},mn.quarter=mn.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},mn.month=Ue,mn.daysInMonth=function(){return Pe(this.year(),this.month())},mn.week=mn.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},mn.isoWeek=mn.isoWeeks=function(e){var t=Ie(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},mn.weeksInYear=function(){var e=this.localeData()._week;return Ae(this.year(),e.dow,e.doy)},mn.isoWeeksInYear=function(){return Ae(this.year(),1,4)},mn.date=un,mn.day=mn.days=function(e){if(!this.isValid())return null!=e?this:NaN;var t,n,s=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=e?(t=e,n=this.localeData(),e="string"!=typeof t?t:isNaN(t)?"number"==typeof(t=n.weekdaysParse(t))?t:null:parseInt(t,10),this.add(e-s,"d")):s},mn.weekday=function(e){if(!this.isValid())return null!=e?this:NaN;var t=(this.day()+7-this.localeData()._week.dow)%7;return null==e?t:this.add(e-t,"d")},mn.isoWeekday=function(e){if(!this.isValid())return null!=e?this:NaN;if(null==e)return this.day()||7;var t,n,s=(t=e,n=this.localeData(),"string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t);return this.day(this.day()%7?s:s-7)},mn.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},mn.hour=mn.hours=nt,mn.minute=mn.minutes=ln,mn.second=mn.seconds=dn,mn.millisecond=mn.milliseconds=fn,mn.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Vt(this);if("string"==typeof e){if(null===(e=Nt(re,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Vt(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?qt(this,jt(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,c.updateOffset(this,!0),this._changeInProgress=null)),this},mn.utc=function(e){return this.utcOffset(0,e)},mn.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e&&this.subtract(Vt(this),"m")),this},mn.parseZone=function(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var e=Nt(ie,this._i);null!=e?this.utcOffset(e):this.utcOffset(0,!0)}return this},mn.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?bt(e).utcOffset():0,(this.utcOffset()-e)%60==0)},mn.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},mn.isLocal=function(){return!!this.isValid()&&!this._isUTC},mn.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},mn.isUtc=Et,mn.isUTC=Et,mn.zoneAbbr=function(){return this._isUTC?"UTC":""},mn.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},mn.dates=n("dates accessor is deprecated. Use date instead.",un),mn.months=n("months accessor is deprecated. Use month instead",Ue),mn.years=n("years accessor is deprecated. Use year instead",Oe),mn.zone=n("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,t),this):-this.utcOffset()}),mn.isDSTShifted=n("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){if(!l(this._isDSTShifted))return this._isDSTShifted;var e={};if(w(e,this),(e=Ot(e))._a){var t=e._isUTC?y(e._a):bt(e._a);this._isDSTShifted=this.isValid()&&0<a(e._a,t.toArray())}else this._isDSTShifted=!1;return this._isDSTShifted});var yn=P.prototype;function gn(e,t,n,s){var i=ht(),r=y().set(s,t);return i[n](r,e)}function vn(e,t,n){if(h(e)&&(t=e,e=void 0),e=e||"",null!=t)return gn(e,t,n,"month");var s,i=[];for(s=0;s<12;s++)i[s]=gn(e,s,n,"month");return i}function pn(e,t,n,s){t=("boolean"==typeof e?h(t)&&(n=t,t=void 0):(t=e,e=!1,h(n=t)&&(n=t,t=void 0)),t||"");var i,r=ht(),a=e?r._week.dow:0;if(null!=n)return gn(t,(n+a)%7,s,"day");var o=[];for(i=0;i<7;i++)o[i]=gn(t,(i+a)%7,s,"day");return o}yn.calendar=function(e,t,n){var s=this._calendar[e]||this._calendar.sameElse;return b(s)?s.call(t,n):s},yn.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e])},yn.invalidDate=function(){return this._invalidDate},yn.ordinal=function(e){return this._ordinal.replace("%d",e)},yn.preparse=_n,yn.postformat=_n,yn.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return b(i)?i(e,t,n,s):i.replace(/%d/i,e)},yn.pastFuture=function(e,t){var n=this._relativeTime[0<e?"future":"past"];return b(n)?n(t):n.replace(/%s/i,t)},yn.set=function(e){var t,n;for(n in e)b(t=e[n])?this[n]=t:this["_"+n]=t;this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},yn.months=function(e,t){return e?o(this._months)?this._months[e.month()]:this._months[(this._months.isFormat||We).test(t)?"format":"standalone"][e.month()]:o(this._months)?this._months:this._months.standalone},yn.monthsShort=function(e,t){return e?o(this._monthsShort)?this._monthsShort[e.month()]:this._monthsShort[We.test(t)?"format":"standalone"][e.month()]:o(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},yn.monthsParse=function(e,t,n){var s,i,r;if(this._monthsParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=y([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=y([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(r="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(r.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},yn.monthsRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsStrictRegex:this._monthsRegex):(m(this,"_monthsRegex")||(this._monthsRegex=Le),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},yn.monthsShortRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(m(this,"_monthsShortRegex")||(this._monthsShortRegex=Fe),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},yn.week=function(e){return Ie(e,this._week.dow,this._week.doy).week},yn.firstDayOfYear=function(){return this._week.doy},yn.firstDayOfWeek=function(){return this._week.dow},yn.weekdays=function(e,t){var n=o(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"];return!0===e?je(n,this._week.dow):e?n[e.day()]:n},yn.weekdaysMin=function(e){return!0===e?je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},yn.weekdaysShort=function(e){return!0===e?je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},yn.weekdaysParse=function(e,t,n){var s,i,r;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=y([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=y([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(r="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(r.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},yn.weekdaysRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(m(this,"_weekdaysRegex")||(this._weekdaysRegex=qe),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},yn.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(m(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=Je),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},yn.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(m(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Be),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},yn.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},yn.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ut("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===D(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th")}}),c.lang=n("moment.lang is deprecated. Use moment.locale instead.",ut),c.langData=n("moment.langData is deprecated. Use moment.localeData instead.",ht);var wn=Math.abs;function Mn(e,t,n,s){var i=jt(t,n);return e._milliseconds+=s*i._milliseconds,e._days+=s*i._days,e._months+=s*i._months,e._bubble()}function kn(e){return e<0?Math.floor(e):Math.ceil(e)}function Sn(e){return 4800*e/146097}function Dn(e){return 146097*e/4800}function Yn(e){return function(){return this.as(e)}}var On=Yn("ms"),Tn=Yn("s"),bn=Yn("m"),xn=Yn("h"),Pn=Yn("d"),Wn=Yn("w"),Cn=Yn("M"),Hn=Yn("Q"),Rn=Yn("y");function Un(e){return function(){return this.isValid()?this._data[e]:NaN}}var Fn=Un("milliseconds"),Ln=Un("seconds"),Nn=Un("minutes"),Gn=Un("hours"),Vn=Un("days"),En=Un("months"),In=Un("years");var An=Math.round,jn={ss:44,s:45,m:45,h:22,d:26,M:11};var Zn=Math.abs;function zn(e){return(0<e)-(e<0)||+e}function $n(){if(!this.isValid())return this.localeData().invalidDate();var e,t,n=Zn(this._milliseconds)/1e3,s=Zn(this._days),i=Zn(this._months);t=S((e=S(n/60))/60),n%=60,e%=60;var r=S(i/12),a=i%=12,o=s,u=t,l=e,h=n?n.toFixed(3).replace(/\.?0+$/,""):"",d=this.asSeconds();if(!d)return"P0D";var c=d<0?"-":"",f=zn(this._months)!==zn(d)?"-":"",m=zn(this._days)!==zn(d)?"-":"",_=zn(this._milliseconds)!==zn(d)?"-":"";return c+"P"+(r?f+r+"Y":"")+(a?f+a+"M":"")+(o?m+o+"D":"")+(u||l||h?"T":"")+(u?_+u+"H":"")+(l?_+l+"M":"")+(h?_+h+"S":"")}var qn=Ht.prototype;return qn.isValid=function(){return this._isValid},qn.abs=function(){var e=this._data;return this._milliseconds=wn(this._milliseconds),this._days=wn(this._days),this._months=wn(this._months),e.milliseconds=wn(e.milliseconds),e.seconds=wn(e.seconds),e.minutes=wn(e.minutes),e.hours=wn(e.hours),e.months=wn(e.months),e.years=wn(e.years),this},qn.add=function(e,t){return Mn(this,e,t,1)},qn.subtract=function(e,t){return Mn(this,e,t,-1)},qn.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=H(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+Sn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(Dn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},qn.asMilliseconds=On,qn.asSeconds=Tn,qn.asMinutes=bn,qn.asHours=xn,qn.asDays=Pn,qn.asWeeks=Wn,qn.asMonths=Cn,qn.asQuarters=Hn,qn.asYears=Rn,qn.valueOf=function(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*D(this._months/12):NaN},qn._bubble=function(){var e,t,n,s,i,r=this._milliseconds,a=this._days,o=this._months,u=this._data;return 0<=r&&0<=a&&0<=o||r<=0&&a<=0&&o<=0||(r+=864e5*kn(Dn(o)+a),o=a=0),u.milliseconds=r%1e3,e=S(r/1e3),u.seconds=e%60,t=S(e/60),u.minutes=t%60,n=S(t/60),u.hours=n%24,o+=i=S(Sn(a+=S(n/24))),a-=kn(Dn(i)),s=S(o/12),o%=12,u.days=a,u.months=o,u.years=s,this},qn.clone=function(){return jt(this)},qn.get=function(e){return e=H(e),this.isValid()?this[e+"s"]():NaN},qn.milliseconds=Fn,qn.seconds=Ln,qn.minutes=Nn,qn.hours=Gn,qn.days=Vn,qn.weeks=function(){return S(this.days()/7)},qn.months=En,qn.years=In,qn.humanize=function(e){if(!this.isValid())return this.localeData().invalidDate();var t,n,s,i,r,a,o,u,l,h,d,c=this.localeData(),f=(n=!e,s=c,i=jt(t=this).abs(),r=An(i.as("s")),a=An(i.as("m")),o=An(i.as("h")),u=An(i.as("d")),l=An(i.as("M")),h=An(i.as("y")),(d=r<=jn.ss&&["s",r]||r<jn.s&&["ss",r]||a<=1&&["m"]||a<jn.m&&["mm",a]||o<=1&&["h"]||o<jn.h&&["hh",o]||u<=1&&["d"]||u<jn.d&&["dd",u]||l<=1&&["M"]||l<jn.M&&["MM",l]||h<=1&&["y"]||["yy",h])[2]=n,d[3]=0<+t,d[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,d));return e&&(f=c.pastFuture(+this,f)),c.postformat(f)},qn.toISOString=$n,qn.toString=$n,qn.toJSON=$n,qn.locale=Xt,qn.localeData=en,qn.toIsoString=n("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",$n),qn.lang=Kt,I("X",0,0,"unix"),I("x",0,0,"valueOf"),ue("x",se),ue("X",/[+-]?\d+(\.\d{1,3})?/),ce("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e,10))}),ce("x",function(e,t,n){n._d=new Date(D(e))}),c.version="2.24.0",e=bt,c.fn=mn,c.min=function(){return Wt("isBefore",[].slice.call(arguments,0))},c.max=function(){return Wt("isAfter",[].slice.call(arguments,0))},c.now=function(){return Date.now?Date.now():+new Date},c.utc=y,c.unix=function(e){return bt(1e3*e)},c.months=function(e,t){return vn(e,t,"months")},c.isDate=d,c.locale=ut,c.invalid=p,c.duration=jt,c.isMoment=k,c.weekdays=function(e,t,n){return pn(e,t,n,"weekdays")},c.parseZone=function(){return bt.apply(null,arguments).parseZone()},c.localeData=ht,c.isDuration=Rt,c.monthsShort=function(e,t){return vn(e,t,"monthsShort")},c.weekdaysMin=function(e,t,n){return pn(e,t,n,"weekdaysMin")},c.defineLocale=lt,c.updateLocale=function(e,t){if(null!=t){var n,s,i=st;null!=(s=ot(e))&&(i=s._config),(n=new P(t=x(i,t))).parentLocale=it[e],it[e]=n,ut(e)}else null!=it[e]&&(null!=it[e].parentLocale?it[e]=it[e].parentLocale:null!=it[e]&&delete it[e]);return it[e]},c.locales=function(){return s(it)},c.weekdaysShort=function(e,t,n){return pn(e,t,n,"weekdaysShort")},c.normalizeUnits=H,c.relativeTimeRounding=function(e){return void 0===e?An:"function"==typeof e&&(An=e,!0)},c.relativeTimeThreshold=function(e,t){return void 0!==jn[e]&&(void 0===t?jn[e]:(jn[e]=t,"s"===e&&(jn.ss=t-1),!0))},c.calendarFormat=function(e,t){var n=e.diff(t,"days",!0);return n<-6?"sameElse":n<-1?"lastWeek":n<0?"lastDay":n<1?"sameDay":n<2?"nextDay":n<7?"nextWeek":"sameElse"},c.prototype=mn,c.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},c});
\ No newline at end of file
diff --git a/demo/docs/alerts.html b/demo/docs/alerts.html
index 5f1fde448..4160260e4 100644
--- a/demo/docs/alerts.html
+++ b/demo/docs/alerts.html
@@ -26,18 +26,19 @@
     <title>Alerts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Bootstrap provides an easy way to create predefined alert messages."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -797,9 +806,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/autosize.html b/demo/docs/autosize.html
index 4c525a6df..2d39aa693 100644
--- a/demo/docs/autosize.html
+++ b/demo/docs/autosize.html
@@ -26,18 +26,19 @@
     <title>Autosize - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small, stand-alone script to automatically adjust textarea height."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -607,9 +616,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/avatars.html b/demo/docs/avatars.html
index 7468e81d5..614578bd1 100644
--- a/demo/docs/avatars.html
+++ b/demo/docs/avatars.html
@@ -26,18 +26,19 @@
     <title>Avatars - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Create and group avatars of various shapes and sizes with one component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -799,9 +808,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/badges.html b/demo/docs/badges.html
index b8a7df148..162ba994b 100644
--- a/demo/docs/badges.html
+++ b/demo/docs/badges.html
@@ -26,18 +26,19 @@
     <title>Badges - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A small count and labeling component."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -763,9 +772,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/breadcrumb.html b/demo/docs/breadcrumb.html
index 7fce2ea8d..a5f432797 100644
--- a/demo/docs/breadcrumb.html
+++ b/demo/docs/breadcrumb.html
@@ -26,18 +26,19 @@
     <title>Breadcrumb - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -679,9 +688,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/buttons.html b/demo/docs/buttons.html
index b73d1e2d7..6d6d7151c 100644
--- a/demo/docs/buttons.html
+++ b/demo/docs/buttons.html
@@ -26,18 +26,19 @@
     <title>Buttons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -1655,9 +1664,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cards.html b/demo/docs/cards.html
index 46c4ff585..c29b38739 100644
--- a/demo/docs/cards.html
+++ b/demo/docs/cards.html
@@ -26,18 +26,19 @@
     <title>Cards - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -974,9 +983,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/carousel.html b/demo/docs/carousel.html
index da3c2aac0..20d02bd5a 100644
--- a/demo/docs/carousel.html
+++ b/demo/docs/carousel.html
@@ -26,18 +26,19 @@
     <title>Carousel - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Carousel is a slideshow for cycling through elements."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -677,9 +686,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/charts.html b/demo/docs/charts.html
index 2467f5ef4..07ab1d9fe 100644
--- a/demo/docs/charts.html
+++ b/demo/docs/charts.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Charts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -596,9 +605,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/colors.html b/demo/docs/colors.html
index 2fdf6ae18..ebb4456ca 100644
--- a/demo/docs/colors.html
+++ b/demo/docs/colors.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Colors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -846,9 +855,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/countup.html b/demo/docs/countup.html
index 03502ad38..1425828c3 100644
--- a/demo/docs/countup.html
+++ b/demo/docs/countup.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Countup - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -722,9 +731,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/cursors.html b/demo/docs/cursors.html
index d2d49a14c..b471a8ac4 100644
--- a/demo/docs/cursors.html
+++ b/demo/docs/cursors.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Cursors - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -648,9 +657,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/divider.html b/demo/docs/divider.html
index 5c56bae20..9782f6e33 100644
--- a/demo/docs/divider.html
+++ b/demo/docs/divider.html
@@ -26,18 +26,19 @@
     <title>Divider - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A divider visually segments content into groups"/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -663,9 +672,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/empty.html b/demo/docs/empty.html
index 667e58ba8..1b37ff5ad 100644
--- a/demo/docs/empty.html
+++ b/demo/docs/empty.html
@@ -26,18 +26,19 @@
     <title>Empty states - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Empty states/blanks are commonly used as placeholders for first time use, empty data or error screens."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -667,9 +676,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/flags.html b/demo/docs/flags.html
index ddf100216..bb15c7e91 100644
--- a/demo/docs/flags.html
+++ b/demo/docs/flags.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Flags - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -591,1534 +600,1534 @@
                       </div>
                       <h3 id="flag">Flag</h3>
                       <div class="example">
-                        <span class="flag flag-tg mr-1"></span>
-                        <span class="flag flag-br mr-1"></span>
-                        <span class="flag flag-pt"></span>
+                        <span class="flag flag-country-tg mr-1"></span>
+                        <span class="flag flag-country-br mr-1"></span>
+                        <span class="flag flag-country-pt"></span>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-tg 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-br 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-pt"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-country-tg 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-country-br 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-country-pt"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </div>
                       <h3 id="flag-sizes">Flag sizes</h3>
                       <p>Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up to different sizes based on what’s needed.</p>
                       <div class="example">
-                        <span class="flag flag-pl flag-size-xl mr-1"></span>
-                        <span class="flag flag-pl flag-size-lg mr-1"></span>
-                        <span class="flag flag-pl flag-size-md"></span>
-                        <span class="flag flag-pl mr-1"></span>
+                        <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>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"flag flag-pl flag-size-xl 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-pl flag-size-lg 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-pl flag-size-md"</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-pl mr-1"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <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>
                       </div>
                       <h3 id="types">Types</h3>
                       <p>To set the flag of the country you want add a class <code class="highlighter-rouge">flag-(country name)</code>. For example to create a flag of Andorra your class should look like this: <code class="highlighter-rouge">.flag-ad</code>.</p>
                       <table>
                         <tr>
-                          <td><span class="flag flag-ad"></span>
+                          <td><span class="flag flag-country-ad"></span>
                           </td>
                           <td><code>ad</code></td>
                           <td>Andorra</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ae"></span>
+                          <td><span class="flag flag-country-ae"></span>
                           </td>
                           <td><code>ae</code></td>
                           <td>United Arab Emirates</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-af"></span>
+                          <td><span class="flag flag-country-af"></span>
                           </td>
                           <td><code>af</code></td>
                           <td>Afghanistan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ag"></span>
+                          <td><span class="flag flag-country-ag"></span>
                           </td>
                           <td><code>ag</code></td>
                           <td>Antigua</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ai"></span>
+                          <td><span class="flag flag-country-ai"></span>
                           </td>
                           <td><code>ai</code></td>
                           <td>Anguilla</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-am"></span>
+                          <td><span class="flag flag-country-am"></span>
                           </td>
                           <td><code>am</code></td>
                           <td>Armenia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ao"></span>
+                          <td><span class="flag flag-country-ao"></span>
                           </td>
                           <td><code>ao</code></td>
                           <td>Angolan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-aq"></span>
+                          <td><span class="flag flag-country-aq"></span>
                           </td>
                           <td><code>aq</code></td>
                           <td>Antarctica</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ar"></span>
+                          <td><span class="flag flag-country-ar"></span>
                           </td>
                           <td><code>ar</code></td>
                           <td>Argentina</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-as"></span>
+                          <td><span class="flag flag-country-as"></span>
                           </td>
                           <td><code>as</code></td>
                           <td>American Samoa</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-at"></span>
+                          <td><span class="flag flag-country-at"></span>
                           </td>
                           <td><code>at</code></td>
                           <td>Austria</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-au"></span>
+                          <td><span class="flag flag-country-au"></span>
                           </td>
                           <td><code>au</code></td>
                           <td>Australia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-aw"></span>
+                          <td><span class="flag flag-country-aw"></span>
                           </td>
                           <td><code>aw</code></td>
                           <td>Aruba</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ax"></span>
+                          <td><span class="flag flag-country-ax"></span>
                           </td>
                           <td><code>ax</code></td>
                           <td>Aslan Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-az"></span>
+                          <td><span class="flag flag-country-az"></span>
                           </td>
                           <td><code>az</code></td>
                           <td>Azerbaijan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ba"></span>
+                          <td><span class="flag flag-country-ba"></span>
                           </td>
                           <td><code>ba</code></td>
                           <td>Bosnian</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bb"></span>
+                          <td><span class="flag flag-country-bb"></span>
                           </td>
                           <td><code>bb</code></td>
                           <td>Barbados</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-be"></span>
+                          <td><span class="flag flag-country-be"></span>
                           </td>
                           <td><code>be</code></td>
                           <td>Belgium</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bf"></span>
+                          <td><span class="flag flag-country-bf"></span>
                           </td>
                           <td><code>bf</code></td>
                           <td>Burkina Faso</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bg"></span>
+                          <td><span class="flag flag-country-bg"></span>
                           </td>
                           <td><code>bg</code></td>
                           <td>Bulgaria</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bh"></span>
+                          <td><span class="flag flag-country-bh"></span>
                           </td>
                           <td><code>bh</code></td>
                           <td>Bahrain</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bi"></span>
+                          <td><span class="flag flag-country-bi"></span>
                           </td>
                           <td><code>bi</code></td>
                           <td>Burundi</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bj"></span>
+                          <td><span class="flag flag-country-bj"></span>
                           </td>
                           <td><code>bj</code></td>
                           <td>Benin</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bl"></span>
+                          <td><span class="flag flag-country-bl"></span>
                           </td>
                           <td><code>bl</code></td>
                           <td>Saint-Barthélemy</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bm"></span>
+                          <td><span class="flag flag-country-bm"></span>
                           </td>
                           <td><code>bm</code></td>
                           <td>Bermuda</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bn"></span>
+                          <td><span class="flag flag-country-bn"></span>
                           </td>
                           <td><code>bn</code></td>
                           <td>Bruneian</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bo"></span>
+                          <td><span class="flag flag-country-bo"></span>
                           </td>
                           <td><code>bo</code></td>
                           <td>Bolivia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bq"></span>
+                          <td><span class="flag flag-country-bq"></span>
                           </td>
                           <td><code>bq</code></td>
                           <td>Bonaire</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-br"></span>
+                          <td><span class="flag flag-country-br"></span>
                           </td>
                           <td><code>br</code></td>
                           <td>Brazil</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bs"></span>
+                          <td><span class="flag flag-country-bs"></span>
                           </td>
                           <td><code>bs</code></td>
                           <td>Bahamas</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bt"></span>
+                          <td><span class="flag flag-country-bt"></span>
                           </td>
                           <td><code>bt</code></td>
                           <td>Bhutan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bv"></span>
+                          <td><span class="flag flag-country-bv"></span>
                           </td>
                           <td><code>bv</code></td>
                           <td>Bouvet Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bw"></span>
+                          <td><span class="flag flag-country-bw"></span>
                           </td>
                           <td><code>bw</code></td>
                           <td>Batswana</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-by"></span>
+                          <td><span class="flag flag-country-by"></span>
                           </td>
                           <td><code>by</code></td>
                           <td>Belarus</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-bz"></span>
+                          <td><span class="flag flag-country-bz"></span>
                           </td>
                           <td><code>bz</code></td>
                           <td>Belize</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ca"></span>
+                          <td><span class="flag flag-country-ca"></span>
                           </td>
                           <td><code>ca</code></td>
                           <td>Canada</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cc"></span>
+                          <td><span class="flag flag-country-cc"></span>
                           </td>
                           <td><code>cc</code></td>
                           <td>Cocos Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cd"></span>
+                          <td><span class="flag flag-country-cd"></span>
                           </td>
                           <td><code>cd</code></td>
                           <td>Democratic Republic of Congo</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cf"></span>
+                          <td><span class="flag flag-country-cf"></span>
                           </td>
                           <td><code>cf</code></td>
                           <td>Central African Republic</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cg"></span>
+                          <td><span class="flag flag-country-cg"></span>
                           </td>
                           <td><code>cg</code></td>
                           <td>Republic of the Congo</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ch"></span>
+                          <td><span class="flag flag-country-ch"></span>
                           </td>
                           <td><code>ch</code></td>
                           <td>Switzerland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ci"></span>
+                          <td><span class="flag flag-country-ci"></span>
                           </td>
                           <td><code>ci</code></td>
                           <td>Ivory Coast</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ck"></span>
+                          <td><span class="flag flag-country-ck"></span>
                           </td>
                           <td><code>ck</code></td>
                           <td>Cook Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cl"></span>
+                          <td><span class="flag flag-country-cl"></span>
                           </td>
                           <td><code>cl</code></td>
                           <td>Chile</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cm"></span>
+                          <td><span class="flag flag-country-cm"></span>
                           </td>
                           <td><code>cm</code></td>
                           <td>Cameroon</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cn"></span>
+                          <td><span class="flag flag-country-cn"></span>
                           </td>
                           <td><code>cn</code></td>
                           <td>China</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-co"></span>
+                          <td><span class="flag flag-country-co"></span>
                           </td>
                           <td><code>co</code></td>
                           <td>Colombia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cr"></span>
+                          <td><span class="flag flag-country-cr"></span>
                           </td>
                           <td><code>cr</code></td>
                           <td>Costa Rica</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cu"></span>
+                          <td><span class="flag flag-country-cu"></span>
                           </td>
                           <td><code>cu</code></td>
                           <td>Cuba</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cv"></span>
+                          <td><span class="flag flag-country-cv"></span>
                           </td>
                           <td><code>cv</code></td>
                           <td>Cape Verde</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cw"></span>
+                          <td><span class="flag flag-country-cw"></span>
                           </td>
                           <td><code>cw</code></td>
                           <td>Curacao</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cx"></span>
+                          <td><span class="flag flag-country-cx"></span>
                           </td>
                           <td><code>cx</code></td>
                           <td>Christmas Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cy"></span>
+                          <td><span class="flag flag-country-cy"></span>
                           </td>
                           <td><code>cy</code></td>
                           <td>Cyprus</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-cz"></span>
+                          <td><span class="flag flag-country-cz"></span>
                           </td>
                           <td><code>cz</code></td>
                           <td>Czech Republic</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-de"></span>
+                          <td><span class="flag flag-country-de"></span>
                           </td>
                           <td><code>de</code></td>
                           <td>Germany</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-dj"></span>
+                          <td><span class="flag flag-country-dj"></span>
                           </td>
                           <td><code>dj</code></td>
                           <td>Djibouti</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-dk"></span>
+                          <td><span class="flag flag-country-dk"></span>
                           </td>
                           <td><code>dk</code></td>
                           <td>Denmark</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-dm"></span>
+                          <td><span class="flag flag-country-dm"></span>
                           </td>
                           <td><code>dm</code></td>
                           <td>Dominica</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-do"></span>
+                          <td><span class="flag flag-country-do"></span>
                           </td>
                           <td><code>do</code></td>
                           <td>Dominican Republic</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-dz"></span>
+                          <td><span class="flag flag-country-dz"></span>
                           </td>
                           <td><code>dz</code></td>
                           <td>Algeria</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ec"></span>
+                          <td><span class="flag flag-country-ec"></span>
                           </td>
                           <td><code>ec</code></td>
                           <td>Ecuador</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ee"></span>
+                          <td><span class="flag flag-country-ee"></span>
                           </td>
                           <td><code>ee</code></td>
                           <td>Estonia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-eg"></span>
+                          <td><span class="flag flag-country-eg"></span>
                           </td>
                           <td><code>eg</code></td>
                           <td>Egypt</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-eh"></span>
+                          <td><span class="flag flag-country-eh"></span>
                           </td>
                           <td><code>eh</code></td>
                           <td>Sahrawi</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-er"></span>
+                          <td><span class="flag flag-country-er"></span>
                           </td>
                           <td><code>er</code></td>
                           <td>Eritrea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-es"></span>
+                          <td><span class="flag flag-country-es"></span>
                           </td>
                           <td><code>es</code></td>
                           <td>Spain</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-es-ct"></span>
+                          <td><span class="flag flag-country-es-ct"></span>
                           </td>
                           <td><code>es-ct</code></td>
                           <td>Catalonia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-et"></span>
+                          <td><span class="flag flag-country-et"></span>
                           </td>
                           <td><code>et</code></td>
                           <td>Ethiopia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-eu"></span>
+                          <td><span class="flag flag-country-eu"></span>
                           </td>
                           <td><code>eu</code></td>
                           <td>European Union</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fi"></span>
+                          <td><span class="flag flag-country-fi"></span>
                           </td>
                           <td><code>fi</code></td>
                           <td>Finland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fj"></span>
+                          <td><span class="flag flag-country-fj"></span>
                           </td>
                           <td><code>fj</code></td>
                           <td>Fiji</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fk"></span>
+                          <td><span class="flag flag-country-fk"></span>
                           </td>
                           <td><code>fk</code></td>
                           <td>Falkland Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fm"></span>
+                          <td><span class="flag flag-country-fm"></span>
                           </td>
                           <td><code>fm</code></td>
                           <td>Federate States of Micronesia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fo"></span>
+                          <td><span class="flag flag-country-fo"></span>
                           </td>
                           <td><code>fo</code></td>
                           <td>Faroe Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-fr"></span>
+                          <td><span class="flag flag-country-fr"></span>
                           </td>
                           <td><code>fr</code></td>
                           <td>France</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ga"></span>
+                          <td><span class="flag flag-country-ga"></span>
                           </td>
                           <td><code>ga</code></td>
                           <td>Gabon</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gb"></span>
+                          <td><span class="flag flag-country-gb"></span>
                           </td>
                           <td><code>gb</code></td>
                           <td>Great Britain</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gb-eng"></span>
+                          <td><span class="flag flag-country-gb-eng"></span>
                           </td>
                           <td><code>gb-eng</code></td>
                           <td>England</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gb-nir"></span>
+                          <td><span class="flag flag-country-gb-nir"></span>
                           </td>
                           <td><code>gb-nir</code></td>
                           <td>Nothern Ireland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gb-sct"></span>
+                          <td><span class="flag flag-country-gb-sct"></span>
                           </td>
                           <td><code>gb-sct</code></td>
                           <td>Scotland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gb-wls"></span>
+                          <td><span class="flag flag-country-gb-wls"></span>
                           </td>
                           <td><code>gb-wls</code></td>
                           <td>Wales</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gd"></span>
+                          <td><span class="flag flag-country-gd"></span>
                           </td>
                           <td><code>gd</code></td>
                           <td>Grenada</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ge"></span>
+                          <td><span class="flag flag-country-ge"></span>
                           </td>
                           <td><code>ge</code></td>
                           <td>Georgia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gf"></span>
+                          <td><span class="flag flag-country-gf"></span>
                           </td>
                           <td><code>gf</code></td>
                           <td>Guyana</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gg"></span>
+                          <td><span class="flag flag-country-gg"></span>
                           </td>
                           <td><code>gg</code></td>
                           <td>Guernsey</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gh"></span>
+                          <td><span class="flag flag-country-gh"></span>
                           </td>
                           <td><code>gh</code></td>
                           <td>Ghana</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gi"></span>
+                          <td><span class="flag flag-country-gi"></span>
                           </td>
                           <td><code>gi</code></td>
                           <td>Gibraltar</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gl"></span>
+                          <td><span class="flag flag-country-gl"></span>
                           </td>
                           <td><code>gl</code></td>
                           <td>Greenland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gm"></span>
+                          <td><span class="flag flag-country-gm"></span>
                           </td>
                           <td><code>gm</code></td>
                           <td>Gambia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gn"></span>
+                          <td><span class="flag flag-country-gn"></span>
                           </td>
                           <td><code>gn</code></td>
                           <td>Guinea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gp"></span>
+                          <td><span class="flag flag-country-gp"></span>
                           </td>
                           <td><code>gp</code></td>
                           <td>Guadeloupe</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gq"></span>
+                          <td><span class="flag flag-country-gq"></span>
                           </td>
                           <td><code>gq</code></td>
                           <td>Equatorial Guinea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gr"></span>
+                          <td><span class="flag flag-country-gr"></span>
                           </td>
                           <td><code>gr</code></td>
                           <td>Greece</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gs"></span>
+                          <td><span class="flag flag-country-gs"></span>
                           </td>
                           <td><code>gs</code></td>
                           <td>South Georgia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gt"></span>
+                          <td><span class="flag flag-country-gt"></span>
                           </td>
                           <td><code>gt</code></td>
                           <td>Guatemala</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gu"></span>
+                          <td><span class="flag flag-country-gu"></span>
                           </td>
                           <td><code>gu</code></td>
                           <td>Guam</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gw"></span>
+                          <td><span class="flag flag-country-gw"></span>
                           </td>
                           <td><code>gw</code></td>
                           <td>Guinea-Bissau</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-gy"></span>
+                          <td><span class="flag flag-country-gy"></span>
                           </td>
                           <td><code>gy</code></td>
                           <td>Guyana</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-hk"></span>
+                          <td><span class="flag flag-country-hk"></span>
                           </td>
                           <td><code>hk</code></td>
                           <td>Hong Kong</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-hm"></span>
+                          <td><span class="flag flag-country-hm"></span>
                           </td>
                           <td><code>hm</code></td>
                           <td>Heard and McDonald Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-hn"></span>
+                          <td><span class="flag flag-country-hn"></span>
                           </td>
                           <td><code>hn</code></td>
                           <td>Honduras</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-hr"></span>
+                          <td><span class="flag flag-country-hr"></span>
                           </td>
                           <td><code>hr</code></td>
                           <td>Croatia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ht"></span>
+                          <td><span class="flag flag-country-ht"></span>
                           </td>
                           <td><code>ht</code></td>
                           <td>Haiti</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-hu"></span>
+                          <td><span class="flag flag-country-hu"></span>
                           </td>
                           <td><code>hu</code></td>
                           <td>Hungary</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-id"></span>
+                          <td><span class="flag flag-country-id"></span>
                           </td>
                           <td><code>id</code></td>
                           <td>Indonesia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ie"></span>
+                          <td><span class="flag flag-country-ie"></span>
                           </td>
                           <td><code>ie</code></td>
                           <td>Ireland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-il"></span>
+                          <td><span class="flag flag-country-il"></span>
                           </td>
                           <td><code>il</code></td>
                           <td>Israel</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-im"></span>
+                          <td><span class="flag flag-country-im"></span>
                           </td>
                           <td><code>im</code></td>
                           <td>Isle of Man</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-in"></span>
+                          <td><span class="flag flag-country-in"></span>
                           </td>
                           <td><code>in</code></td>
                           <td>India</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-io"></span>
+                          <td><span class="flag flag-country-io"></span>
                           </td>
                           <td><code>io</code></td>
                           <td>British Indian Ocean Territory</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-iq"></span>
+                          <td><span class="flag flag-country-iq"></span>
                           </td>
                           <td><code>iq</code></td>
                           <td>Iraq</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ir"></span>
+                          <td><span class="flag flag-country-ir"></span>
                           </td>
                           <td><code>ir</code></td>
                           <td>Iran</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-is"></span>
+                          <td><span class="flag flag-country-is"></span>
                           </td>
                           <td><code>is</code></td>
                           <td>Iceland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-it"></span>
+                          <td><span class="flag flag-country-it"></span>
                           </td>
                           <td><code>it</code></td>
                           <td>Italy</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-je"></span>
+                          <td><span class="flag flag-country-je"></span>
                           </td>
                           <td><code>je</code></td>
                           <td>Jersey</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-jm"></span>
+                          <td><span class="flag flag-country-jm"></span>
                           </td>
                           <td><code>jm</code></td>
                           <td>Jamaica</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-jo"></span>
+                          <td><span class="flag flag-country-jo"></span>
                           </td>
                           <td><code>jo</code></td>
                           <td>Jordan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-jp"></span>
+                          <td><span class="flag flag-country-jp"></span>
                           </td>
                           <td><code>jp</code></td>
                           <td>Japan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ke"></span>
+                          <td><span class="flag flag-country-ke"></span>
                           </td>
                           <td><code>ke</code></td>
                           <td>Kenya</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kg"></span>
+                          <td><span class="flag flag-country-kg"></span>
                           </td>
                           <td><code>kg</code></td>
                           <td>Kyrgyzstan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kh"></span>
+                          <td><span class="flag flag-country-kh"></span>
                           </td>
                           <td><code>kh</code></td>
                           <td>Cambodia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ki"></span>
+                          <td><span class="flag flag-country-ki"></span>
                           </td>
                           <td><code>ki</code></td>
                           <td>Kiribati</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-km"></span>
+                          <td><span class="flag flag-country-km"></span>
                           </td>
                           <td><code>km</code></td>
                           <td>Comoros</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kn"></span>
+                          <td><span class="flag flag-country-kn"></span>
                           </td>
                           <td><code>kn</code></td>
                           <td>Saint Kitts and Nevis</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kp"></span>
+                          <td><span class="flag flag-country-kp"></span>
                           </td>
                           <td><code>kp</code></td>
                           <td>North Korea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kr"></span>
+                          <td><span class="flag flag-country-kr"></span>
                           </td>
                           <td><code>kr</code></td>
                           <td>South Korea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kw"></span>
+                          <td><span class="flag flag-country-kw"></span>
                           </td>
                           <td><code>kw</code></td>
                           <td>Kuwait</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ky"></span>
+                          <td><span class="flag flag-country-ky"></span>
                           </td>
                           <td><code>ky</code></td>
                           <td>Cayman Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-kz"></span>
+                          <td><span class="flag flag-country-kz"></span>
                           </td>
                           <td><code>kz</code></td>
                           <td>Kazakhstan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-la"></span>
+                          <td><span class="flag flag-country-la"></span>
                           </td>
                           <td><code>la</code></td>
                           <td>Laos</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lb"></span>
+                          <td><span class="flag flag-country-lb"></span>
                           </td>
                           <td><code>lb</code></td>
                           <td>Lebanese</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lc"></span>
+                          <td><span class="flag flag-country-lc"></span>
                           </td>
                           <td><code>lc</code></td>
                           <td>Saint Lucia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-li"></span>
+                          <td><span class="flag flag-country-li"></span>
                           </td>
                           <td><code>li</code></td>
                           <td>Liechtenstein</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lk"></span>
+                          <td><span class="flag flag-country-lk"></span>
                           </td>
                           <td><code>lk</code></td>
                           <td>Sri Lanka</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lr"></span>
+                          <td><span class="flag flag-country-lr"></span>
                           </td>
                           <td><code>lr</code></td>
                           <td>Liberia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ls"></span>
+                          <td><span class="flag flag-country-ls"></span>
                           </td>
                           <td><code>ls</code></td>
                           <td>Lesotho</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lt"></span>
+                          <td><span class="flag flag-country-lt"></span>
                           </td>
                           <td><code>lt</code></td>
                           <td>Lithuania</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lu"></span>
+                          <td><span class="flag flag-country-lu"></span>
                           </td>
                           <td><code>lu</code></td>
                           <td>Luxembourg</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-lv"></span>
+                          <td><span class="flag flag-country-lv"></span>
                           </td>
                           <td><code>lv</code></td>
                           <td>Latvia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ly"></span>
+                          <td><span class="flag flag-country-ly"></span>
                           </td>
                           <td><code>ly</code></td>
                           <td>Libya</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ma"></span>
+                          <td><span class="flag flag-country-ma"></span>
                           </td>
                           <td><code>ma</code></td>
                           <td>Morocco</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mc"></span>
+                          <td><span class="flag flag-country-mc"></span>
                           </td>
                           <td><code>mc</code></td>
                           <td>Monaco</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-md"></span>
+                          <td><span class="flag flag-country-md"></span>
                           </td>
                           <td><code>md</code></td>
                           <td>Moldova</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-me"></span>
+                          <td><span class="flag flag-country-me"></span>
                           </td>
                           <td><code>me</code></td>
                           <td>Montenegro</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mf"></span>
+                          <td><span class="flag flag-country-mf"></span>
                           </td>
                           <td><code>mf</code></td>
                           <td>Saint Martin</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mg"></span>
+                          <td><span class="flag flag-country-mg"></span>
                           </td>
                           <td><code>mg</code></td>
                           <td>Madagascar</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mh"></span>
+                          <td><span class="flag flag-country-mh"></span>
                           </td>
                           <td><code>mh</code></td>
                           <td>Marshall Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mk"></span>
+                          <td><span class="flag flag-country-mk"></span>
                           </td>
                           <td><code>mk</code></td>
                           <td>Macedonia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ml"></span>
+                          <td><span class="flag flag-country-ml"></span>
                           </td>
                           <td><code>ml</code></td>
                           <td>Mali</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mm"></span>
+                          <td><span class="flag flag-country-mm"></span>
                           </td>
                           <td><code>mm</code></td>
                           <td>Myanmar</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mn"></span>
+                          <td><span class="flag flag-country-mn"></span>
                           </td>
                           <td><code>mn</code></td>
                           <td>Mongolia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mo"></span>
+                          <td><span class="flag flag-country-mo"></span>
                           </td>
                           <td><code>mo</code></td>
                           <td>Macao</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mp"></span>
+                          <td><span class="flag flag-country-mp"></span>
                           </td>
                           <td><code>mp</code></td>
                           <td>Nothern Mariana Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mq"></span>
+                          <td><span class="flag flag-country-mq"></span>
                           </td>
                           <td><code>mq</code></td>
                           <td>Martinique</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mr"></span>
+                          <td><span class="flag flag-country-mr"></span>
                           </td>
                           <td><code>mr</code></td>
                           <td>Mauritania</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ms"></span>
+                          <td><span class="flag flag-country-ms"></span>
                           </td>
                           <td><code>ms</code></td>
                           <td>Montserrat</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mt"></span>
+                          <td><span class="flag flag-country-mt"></span>
                           </td>
                           <td><code>mt</code></td>
                           <td>Malta</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mu"></span>
+                          <td><span class="flag flag-country-mu"></span>
                           </td>
                           <td><code>mu</code></td>
                           <td>Mauritius</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mv"></span>
+                          <td><span class="flag flag-country-mv"></span>
                           </td>
                           <td><code>mv</code></td>
                           <td>Maldives</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mw"></span>
+                          <td><span class="flag flag-country-mw"></span>
                           </td>
                           <td><code>mw</code></td>
                           <td>Malawi</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mx"></span>
+                          <td><span class="flag flag-country-mx"></span>
                           </td>
                           <td><code>mx</code></td>
                           <td>Mexico</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-my"></span>
+                          <td><span class="flag flag-country-my"></span>
                           </td>
                           <td><code>my</code></td>
                           <td>Malaysia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-mz"></span>
+                          <td><span class="flag flag-country-mz"></span>
                           </td>
                           <td><code>mz</code></td>
                           <td>Mozambique</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-na"></span>
+                          <td><span class="flag flag-country-na"></span>
                           </td>
                           <td><code>na</code></td>
                           <td>Namibia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-nc"></span>
+                          <td><span class="flag flag-country-nc"></span>
                           </td>
                           <td><code>nc</code></td>
                           <td>New Caledonia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ne"></span>
+                          <td><span class="flag flag-country-ne"></span>
                           </td>
                           <td><code>ne</code></td>
                           <td>Niger</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-nf"></span>
+                          <td><span class="flag flag-country-nf"></span>
                           </td>
                           <td><code>nf</code></td>
                           <td>Norfolk Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ng"></span>
+                          <td><span class="flag flag-country-ng"></span>
                           </td>
                           <td><code>ng</code></td>
                           <td>Nigeria</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ni"></span>
+                          <td><span class="flag flag-country-ni"></span>
                           </td>
                           <td><code>ni</code></td>
                           <td>Nicaragua</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-no"></span>
+                          <td><span class="flag flag-country-no"></span>
                           </td>
                           <td><code>no</code></td>
                           <td>Norway</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-np"></span>
+                          <td><span class="flag flag-country-np"></span>
                           </td>
                           <td><code>np</code></td>
                           <td>Nepal</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-nr"></span>
+                          <td><span class="flag flag-country-nr"></span>
                           </td>
                           <td><code>nr</code></td>
                           <td>Nauruan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-nu"></span>
+                          <td><span class="flag flag-country-nu"></span>
                           </td>
                           <td><code>nu</code></td>
                           <td>Niger</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-nz"></span>
+                          <td><span class="flag flag-country-nz"></span>
                           </td>
                           <td><code>nz</code></td>
                           <td>New Zeland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-om"></span>
+                          <td><span class="flag flag-country-om"></span>
                           </td>
                           <td><code>om</code></td>
                           <td>Oman</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pa"></span>
+                          <td><span class="flag flag-country-pa"></span>
                           </td>
                           <td><code>pa</code></td>
                           <td>Panama</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pe"></span>
+                          <td><span class="flag flag-country-pe"></span>
                           </td>
                           <td><code>pe</code></td>
                           <td>Peru</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pf"></span>
+                          <td><span class="flag flag-country-pf"></span>
                           </td>
                           <td><code>pf</code></td>
                           <td>French Polynesia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pg"></span>
+                          <td><span class="flag flag-country-pg"></span>
                           </td>
                           <td><code>pg</code></td>
                           <td>Papua New Guinea</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ph"></span>
+                          <td><span class="flag flag-country-ph"></span>
                           </td>
                           <td><code>ph</code></td>
                           <td>Philippines</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pk"></span>
+                          <td><span class="flag flag-country-pk"></span>
                           </td>
                           <td><code>pk</code></td>
                           <td>Pakistan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pl"></span>
+                          <td><span class="flag flag-country-pl"></span>
                           </td>
                           <td><code>pl</code></td>
                           <td>Poland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pm"></span>
+                          <td><span class="flag flag-country-pm"></span>
                           </td>
                           <td><code>pm</code></td>
                           <td>Saint Pierre</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pn"></span>
+                          <td><span class="flag flag-country-pn"></span>
                           </td>
                           <td><code>pn</code></td>
                           <td>Pitcairn Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pr"></span>
+                          <td><span class="flag flag-country-pr"></span>
                           </td>
                           <td><code>pr</code></td>
                           <td>Puerto Rico</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ps"></span>
+                          <td><span class="flag flag-country-ps"></span>
                           </td>
                           <td><code>ps</code></td>
                           <td>Palestine</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pt"></span>
+                          <td><span class="flag flag-country-pt"></span>
                           </td>
                           <td><code>pt</code></td>
                           <td>Portugal</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-pw"></span>
+                          <td><span class="flag flag-country-pw"></span>
                           </td>
                           <td><code>pw</code></td>
                           <td>Palau</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-py"></span>
+                          <td><span class="flag flag-country-py"></span>
                           </td>
                           <td><code>py</code></td>
                           <td>Paraguay</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-qa"></span>
+                          <td><span class="flag flag-country-qa"></span>
                           </td>
                           <td><code>qa</code></td>
                           <td>Qatar</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-re"></span>
+                          <td><span class="flag flag-country-re"></span>
                           </td>
                           <td><code>re</code></td>
                           <td>Reunion Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ro"></span>
+                          <td><span class="flag flag-country-ro"></span>
                           </td>
                           <td><code>ro</code></td>
                           <td>Romania</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-rs"></span>
+                          <td><span class="flag flag-country-rs"></span>
                           </td>
                           <td><code>rs</code></td>
                           <td>Serbia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ru"></span>
+                          <td><span class="flag flag-country-ru"></span>
                           </td>
                           <td><code>ru</code></td>
                           <td>Russia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-rw"></span>
+                          <td><span class="flag flag-country-rw"></span>
                           </td>
                           <td><code>rw</code></td>
                           <td>Rwanda</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sa"></span>
+                          <td><span class="flag flag-country-sa"></span>
                           </td>
                           <td><code>sa</code></td>
                           <td>Saudi Arabia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sb"></span>
+                          <td><span class="flag flag-country-sb"></span>
                           </td>
                           <td><code>sb</code></td>
                           <td>Solomon Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sc"></span>
+                          <td><span class="flag flag-country-sc"></span>
                           </td>
                           <td><code>sc</code></td>
                           <td>Seychelles</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sd"></span>
+                          <td><span class="flag flag-country-sd"></span>
                           </td>
                           <td><code>sd</code></td>
                           <td>Sudan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-se"></span>
+                          <td><span class="flag flag-country-se"></span>
                           </td>
                           <td><code>se</code></td>
                           <td>Sweden</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sg"></span>
+                          <td><span class="flag flag-country-sg"></span>
                           </td>
                           <td><code>sg</code></td>
                           <td>Singapore</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sh"></span>
+                          <td><span class="flag flag-country-sh"></span>
                           </td>
                           <td><code>sh</code></td>
                           <td>Saint Helena</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-si"></span>
+                          <td><span class="flag flag-country-si"></span>
                           </td>
                           <td><code>si</code></td>
                           <td>Slovenia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sj"></span>
+                          <td><span class="flag flag-country-sj"></span>
                           </td>
                           <td><code>sj</code></td>
                           <td>Svalbard Island</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sk"></span>
+                          <td><span class="flag flag-country-sk"></span>
                           </td>
                           <td><code>sk</code></td>
                           <td>Slovakia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sl"></span>
+                          <td><span class="flag flag-country-sl"></span>
                           </td>
                           <td><code>sl</code></td>
                           <td>Sierra Leone</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sm"></span>
+                          <td><span class="flag flag-country-sm"></span>
                           </td>
                           <td><code>sm</code></td>
                           <td>San Marino</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sn"></span>
+                          <td><span class="flag flag-country-sn"></span>
                           </td>
                           <td><code>sn</code></td>
                           <td>Senegal</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-so"></span>
+                          <td><span class="flag flag-country-so"></span>
                           </td>
                           <td><code>so</code></td>
                           <td>Somalia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sr"></span>
+                          <td><span class="flag flag-country-sr"></span>
                           </td>
                           <td><code>sr</code></td>
                           <td>Suriname</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ss"></span>
+                          <td><span class="flag flag-country-ss"></span>
                           </td>
                           <td><code>ss</code></td>
                           <td>South Sudan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-st"></span>
+                          <td><span class="flag flag-country-st"></span>
                           </td>
                           <td><code>st</code></td>
                           <td>Sao Tome</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sv"></span>
+                          <td><span class="flag flag-country-sv"></span>
                           </td>
                           <td><code>sv</code></td>
                           <td>El Salvador</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sx"></span>
+                          <td><span class="flag flag-country-sx"></span>
                           </td>
                           <td><code>sx</code></td>
                           <td>Sint Maarten</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sy"></span>
+                          <td><span class="flag flag-country-sy"></span>
                           </td>
                           <td><code>sy</code></td>
                           <td>Syria</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-sz"></span>
+                          <td><span class="flag flag-country-sz"></span>
                           </td>
                           <td><code>sz</code></td>
                           <td>Swaziland</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tc"></span>
+                          <td><span class="flag flag-country-tc"></span>
                           </td>
                           <td><code>tc</code></td>
                           <td>Turks and Caicos</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-td"></span>
+                          <td><span class="flag flag-country-td"></span>
                           </td>
                           <td><code>td</code></td>
                           <td>Chad</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tf"></span>
+                          <td><span class="flag flag-country-tf"></span>
                           </td>
                           <td><code>tf</code></td>
                           <td>French Southern and Antarctic Lands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tg"></span>
+                          <td><span class="flag flag-country-tg"></span>
                           </td>
                           <td><code>tg</code></td>
                           <td>Togo</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-th"></span>
+                          <td><span class="flag flag-country-th"></span>
                           </td>
                           <td><code>th</code></td>
                           <td>Thailand</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tj"></span>
+                          <td><span class="flag flag-country-tj"></span>
                           </td>
                           <td><code>tj</code></td>
                           <td>Tajikistan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tk"></span>
+                          <td><span class="flag flag-country-tk"></span>
                           </td>
                           <td><code>tk</code></td>
                           <td>Tokelau</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tl"></span>
+                          <td><span class="flag flag-country-tl"></span>
                           </td>
                           <td><code>tl</code></td>
                           <td>Timor Leste</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tm"></span>
+                          <td><span class="flag flag-country-tm"></span>
                           </td>
                           <td><code>tm</code></td>
                           <td>Turkmenistan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tn"></span>
+                          <td><span class="flag flag-country-tn"></span>
                           </td>
                           <td><code>tn</code></td>
                           <td>Tunisia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-to"></span>
+                          <td><span class="flag flag-country-to"></span>
                           </td>
                           <td><code>to</code></td>
                           <td>Tonga</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tr"></span>
+                          <td><span class="flag flag-country-tr"></span>
                           </td>
                           <td><code>tr</code></td>
                           <td>Turkey</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tt"></span>
+                          <td><span class="flag flag-country-tt"></span>
                           </td>
                           <td><code>tt</code></td>
                           <td>Trinidad and Tobago</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tv"></span>
+                          <td><span class="flag flag-country-tv"></span>
                           </td>
                           <td><code>tv</code></td>
                           <td>Tuvalu</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-tz"></span>
+                          <td><span class="flag flag-country-tz"></span>
                           </td>
                           <td><code>tz</code></td>
                           <td>Tanzania</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ua"></span>
+                          <td><span class="flag flag-country-ua"></span>
                           </td>
                           <td><code>ua</code></td>
                           <td>Ukraine</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ug"></span>
+                          <td><span class="flag flag-country-ug"></span>
                           </td>
                           <td><code>ug</code></td>
                           <td>Uganda</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-um"></span>
+                          <td><span class="flag flag-country-um"></span>
                           </td>
                           <td><code>um</code></td>
                           <td>United States Minor Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-un"></span>
+                          <td><span class="flag flag-country-un"></span>
                           </td>
                           <td><code>un</code></td>
                           <td>United Nations</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-us"></span>
+                          <td><span class="flag flag-country-us"></span>
                           </td>
                           <td><code>us</code></td>
                           <td>United States of America</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-uy"></span>
+                          <td><span class="flag flag-country-uy"></span>
                           </td>
                           <td><code>uy</code></td>
                           <td>Uruguay</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-uz"></span>
+                          <td><span class="flag flag-country-uz"></span>
                           </td>
                           <td><code>uz</code></td>
                           <td>Uzbekistan</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-va"></span>
+                          <td><span class="flag flag-country-va"></span>
                           </td>
                           <td><code>va</code></td>
                           <td>Vatican City</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-vc"></span>
+                          <td><span class="flag flag-country-vc"></span>
                           </td>
                           <td><code>vc</code></td>
                           <td>Saint Vincent</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ve"></span>
+                          <td><span class="flag flag-country-ve"></span>
                           </td>
                           <td><code>ve</code></td>
                           <td>Venezuela</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-vg"></span>
+                          <td><span class="flag flag-country-vg"></span>
                           </td>
                           <td><code>vg</code></td>
                           <td>British Virgin Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-vi"></span>
+                          <td><span class="flag flag-country-vi"></span>
                           </td>
                           <td><code>vi</code></td>
                           <td>Virgiin Islands</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-vn"></span>
+                          <td><span class="flag flag-country-vn"></span>
                           </td>
                           <td><code>vn</code></td>
                           <td>Vietnam</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-vu"></span>
+                          <td><span class="flag flag-country-vu"></span>
                           </td>
                           <td><code>vu</code></td>
                           <td>Vanuatu</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-wf"></span>
+                          <td><span class="flag flag-country-wf"></span>
                           </td>
                           <td><code>wf</code></td>
                           <td>Wallis and Futuna</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ws"></span>
+                          <td><span class="flag flag-country-ws"></span>
                           </td>
                           <td><code>ws</code></td>
                           <td>Samoa</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-ye"></span>
+                          <td><span class="flag flag-country-ye"></span>
                           </td>
                           <td><code>ye</code></td>
                           <td>Yemen</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-za"></span>
+                          <td><span class="flag flag-country-za"></span>
                           </td>
                           <td><code>za</code></td>
                           <td>South Africa</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-zm"></span>
+                          <td><span class="flag flag-country-zm"></span>
                           </td>
                           <td><code>zm</code></td>
                           <td>Zambia</td>
                         </tr>
                         <tr>
-                          <td><span class="flag flag-zw"></span>
+                          <td><span class="flag flag-country-zw"></span>
                           </td>
                           <td><code>zw</code></td>
                           <td>Zimbabwe</td>
@@ -2134,9 +2143,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-elements.html b/demo/docs/form-elements.html
index c4de61b00..853aace9f 100644
--- a/demo/docs/form-elements.html
+++ b/demo/docs/form-elements.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form Elements - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -698,13 +707,13 @@
                       <h3 id="textarea">Textarea</h3>
                       <div class="example">
                         <div class="mb-2">
-                          <label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
+                          <label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
                           <textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
                         </div>
                       </div>
                       <div 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-2"</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>Textarea <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"float-right text-muted"</span><span class="nt">&gt;</span>56/100<span class="nt">&lt;/span&gt;&lt;/label&gt;</span>
+   <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Textarea <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-label-description"</span><span class="nt">&gt;</span>56/100<span class="nt">&lt;/span&gt;&lt;/label&gt;</span>
    <span class="nt">&lt;textarea</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">name=</span><span class="s">"example-textarea-input"</span> <span class="na">rows=</span><span class="s">"6"</span> <span class="na">placeholder=</span><span class="s">"Content.."</span><span class="nt">&gt;</span>Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!<span class="nt">&lt;/textarea&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
@@ -714,50 +723,50 @@
                           <label class="form-label">Image Check</label>
                           <div class="row row-xs">
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/77586f6ffa9fbc5e.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/77586f6ffa9fbc5e.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked="" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/552683cc4e5f0e11.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="2" class="form-imagecheck-input" checked="" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/552683cc4e5f0e11.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/3664593f945f0d8d.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="3" class="form-imagecheck-input" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/3664593f945f0d8d.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked="" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/529078594c496ec5.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="4" class="form-imagecheck-input" checked="" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/529078594c496ec5.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/a74c41b6fb7fdf34.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="5" class="form-imagecheck-input" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/a74c41b6fb7fdf34.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
                             <div class="col-6 col-sm-4">
-                              <label class="imagecheck mb-2">
-                                <input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
-                                <span class="imagecheck-figure">
-                                  <img src="../static/photos/a159fb2bff29fda4.jpg" alt="" class="imagecheck-image" />
+                              <label class="form-imagecheck mb-2">
+                                <input name="form-imagecheck" type="checkbox" value="6" class="form-imagecheck-input" />
+                                <span class="form-imagecheck-figure">
+                                  <img src="../static/photos/a159fb2bff29fda4.jpg" alt="" class="form-imagecheck-image" />
                                 </span>
                               </label>
                             </div>
@@ -769,50 +778,50 @@
    <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-xs"</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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"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">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/77586f6ffa9fbc5e.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/77586f6ffa9fbc5e.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/552683cc4e5f0e11.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"2"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/552683cc4e5f0e11.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3664593f945f0d8d.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"3"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/3664593f945f0d8d.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/529078594c496ec5.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"4"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/529078594c496ec5.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"5"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a74c41b6fb7fdf34.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"5"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a74c41b6fb7fdf34.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"imagecheck mb-2"</span><span class="nt">&gt;</span>
-            <span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"6"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"imagecheck-figure"</span><span class="nt">&gt;</span>
-               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a159fb2bff29fda4.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"imagecheck-image"</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">"6"</span> <span class="na">class=</span><span class="s">"form-imagecheck-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-imagecheck-figure"</span><span class="nt">&gt;</span>
+               <span class="nt">&lt;img</span> <span class="na">src=</span><span class="s">"./static/photos/a159fb2bff29fda4.jpg"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">class=</span><span class="s">"form-imagecheck-image"</span><span class="nt">&gt;</span>
             <span class="nt">&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&gt;</span>
@@ -825,63 +834,63 @@
                           <label class="form-label">Color Input</label>
                           <div class="row row-xs">
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="blue" class="colorinput-input" />
-                                <span class="colorinput-color bg-blue"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="blue" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-blue"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="azure" class="colorinput-input" checked="" />
-                                <span class="colorinput-color bg-azure"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="azure" class="form-colorinput-input" checked="" />
+                                <span class="form-colorinput-color bg-azure"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="indigo" class="colorinput-input" />
-                                <span class="colorinput-color bg-indigo"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="indigo" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-indigo"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="purple" class="colorinput-input" />
-                                <span class="colorinput-color bg-purple"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="purple" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-purple"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="pink" class="colorinput-input" />
-                                <span class="colorinput-color bg-pink"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="pink" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-pink"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="red" class="colorinput-input" />
-                                <span class="colorinput-color bg-red"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="red" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-red"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="orange" class="colorinput-input" />
-                                <span class="colorinput-color bg-orange"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="orange" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-orange"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
-                                <span class="colorinput-color bg-yellow"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="yellow" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-yellow"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="lime" class="colorinput-input" />
-                                <span class="colorinput-color bg-lime"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="lime" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-lime"></span>
                               </label>
                             </div>
                             <div class="col-auto">
-                              <label class="colorinput">
-                                <input name="color" type="checkbox" value="green" class="colorinput-input" />
-                                <span class="colorinput-color bg-green"></span>
+                              <label class="form-colorinput">
+                                <input name="color" type="checkbox" value="green" class="form-colorinput-input" />
+                                <span class="form-colorinput-color bg-green"></span>
                               </label>
                             </div>
                           </div>
@@ -892,63 +901,63 @@
    <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-xs"</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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-blue"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"blue"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-blue"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-azure"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"azure"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span>  <span class="na">checked</span><span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-azure"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-indigo"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"indigo"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-indigo"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-purple"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"purple"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-purple"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-pink"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"pink"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-pink"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-red"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"red"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-red"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-orange"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"orange"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-orange"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-yellow"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"yellow"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-yellow"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"lime"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-lime"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&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">"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">"checkbox"</span> <span class="na">value=</span><span class="s">"green"</span> <span class="na">class=</span><span class="s">"colorinput-input"</span> <span class="nt">/&gt;</span>
-            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&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">"checkbox"</span> <span class="na">value=</span><span class="s">"green"</span> <span class="na">class=</span><span class="s">"form-colorinput-input"</span> <span class="nt">/&gt;</span>
+            <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-colorinput-color bg-green"</span><span class="nt">&gt;&lt;/span&gt;</span>
          <span class="nt">&lt;/label&gt;</span>
       <span class="nt">&lt;/div&gt;</span>
    <span class="nt">&lt;/div&gt;</span>
@@ -1007,188 +1016,188 @@
                       <h3 id="custom-selectboxes">Custom selectboxes</h3>
                       <div class="example">
                         <div class="mb-3">
-                          <label class="form-label">Shipping methods</label>
-                          <div class="selectgroup selectgroup-vertical">
-                            <label class="selectgroup-item">
-                              <input type="radio" name="shipping-method" value="Unregistered" class="selectgroup-input" checked="" />
-                              <span class="selectgroup-button">Unregistered</span>
+                          <label class="form-label">Your skills</label>
+                          <div class="form-selectgroup form-selectgroup-pills">
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="HTML" class="form-selectgroup-input" checked="" />
+                              <span class="form-selectgroup-box">HTML</span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="radio" name="shipping-method" value="Priority Mail" class="selectgroup-input" />
-                              <span class="selectgroup-button">Priority Mail</span>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="CSS" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">CSS</span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="radio" name="shipping-method" value="Express Mail" class="selectgroup-input" />
-                              <span class="selectgroup-button">Express Mail</span>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="PHP" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">PHP</span>
+                            </label>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="JavaScript" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">JavaScript</span>
                             </label>
                           </div>
                         </div>
                         <div class="mb-3">
                           <label class="form-label">Icons input</label>
-                          <div class="selectgroup w-100">
-                            <label class="selectgroup-item">
-                              <input type="radio" name="device" value="smartphone" class="selectgroup-input" checked="" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
+                          <div class="form-selectgroup w-100">
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="device" value="smartphone" class="form-selectgroup-input" checked="" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="radio" name="device" value="tablet" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="4" y="2" width="16" height="20" rx="2" ry="2" transform="rotate(180 12 12)"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="device" value="tablet" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="4" y="2" width="16" height="20" rx="2" ry="2" transform="rotate(180 12 12)"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="radio" name="device" value="monitor" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="device" value="monitor" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="radio" name="device" value="x" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="device" value="x" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
                               </span>
                             </label>
                           </div>
                         </div>
+                        <div class="mb-3">
+                          <label class="form-label">Shipping methods</label>
+                          <div class="form-selectgroup form-selectgroup-vertical">
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="shipping-method" value="Unregistered" class="form-selectgroup-input" checked="" />
+                              <span class="form-selectgroup-box">Unregistered</span>
+                            </label>
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="shipping-method" value="Priority Mail" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">Priority Mail</span>
+                            </label>
+                            <label class="form-selectgroup-item">
+                              <input type="radio" name="shipping-method" value="Express Mail" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">Express Mail</span>
+                            </label>
+                          </div>
+                        </div>
                         <div class="mb-3">
                           <label class="form-label">Icon input</label>
-                          <div class="selectgroup selectgroup-pills">
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="sun" class="selectgroup-input" checked="" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                          <div class="form-selectgroup">
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="sun" class="form-selectgroup-input" checked="" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="moon" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="moon" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="cloud-rain" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="cloud-rain" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="cloud" class="selectgroup-input" />
-                              <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="cloud" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
                               </span>
                             </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="Other" class="selectgroup-input" />
-                              <span class="selectgroup-button">Other</span>
-                            </label>
-                          </div>
-                        </div>
-                        <div class="mb-3">
-                          <label class="form-label">Your skills</label>
-                          <div class="selectgroup selectgroup-pills selectgroup-separated">
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="HTML" class="selectgroup-input" checked="" />
-                              <span class="selectgroup-button">HTML</span>
-                            </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="CSS" class="selectgroup-input" />
-                              <span class="selectgroup-button">CSS</span>
-                            </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="PHP" class="selectgroup-input" />
-                              <span class="selectgroup-button">PHP</span>
-                            </label>
-                            <label class="selectgroup-item">
-                              <input type="checkbox" name="name" value="JavaScript" class="selectgroup-input" />
-                              <span class="selectgroup-button">JavaScript</span>
+                            <label class="form-selectgroup-item">
+                              <input type="checkbox" name="name" value="Other" class="form-selectgroup-input" />
+                              <span class="form-selectgroup-box">Other</span>
                             </label>
                           </div>
                         </div>
                       </div>
                       <div 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>Shipping methods<span class="nt">&lt;/label&gt;</span>
-   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"selectgroup selectgroup-vertical"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Unregistered"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>Unregistered<span class="nt">&lt;/span&gt;</span>
+   <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Your skills<span class="nt">&lt;/label&gt;</span>
+   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup form-selectgroup-pills"</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"HTML"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>HTML<span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Priority Mail"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>Priority Mail<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"CSS"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>CSS<span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Express Mail"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>Express Mail<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"PHP"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>PHP<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;/label&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"JavaScript"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>JavaScript<span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
    <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">"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>Icons input<span class="nt">&lt;/label&gt;</span>
-   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"selectgroup w-100"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"smartphone"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"20"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
+   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup w-100"</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"smartphone"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"5"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"14"</span> <span class="na">height=</span><span class="s">"20"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"tablet"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"20"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"tablet"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"4"</span> <span class="na">y=</span><span class="s">"2"</span> <span class="na">width=</span><span class="s">"16"</span> <span class="na">height=</span><span class="s">"20"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span> <span class="na">transform=</span><span class="s">"rotate(180 12 12)"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"18"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"monitor"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"monitor"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;rect</span> <span class="na">x=</span><span class="s">"2"</span> <span class="na">y=</span><span class="s">"3"</span> <span class="na">width=</span><span class="s">"20"</span> <span class="na">height=</span><span class="s">"14"</span> <span class="na">rx=</span><span class="s">"2"</span> <span class="na">ry=</span><span class="s">"2"</span><span class="nt">&gt;&lt;/rect&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"17"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"x"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"device"</span> <span class="na">value=</span><span class="s">"x"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"6"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"6"</span> <span class="na">y1=</span><span class="s">"6"</span> <span class="na">x2=</span><span class="s">"18"</span> <span class="na">y2=</span><span class="s">"18"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
    <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">"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>Shipping methods<span class="nt">&lt;/label&gt;</span>
+   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup form-selectgroup-vertical"</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Unregistered"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>Unregistered<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;/label&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Priority Mail"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>Priority Mail<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;/label&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"shipping-method"</span> <span class="na">value=</span><span class="s">"Express Mail"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>Express Mail<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;/label&gt;</span>
+   <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">"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>Icon input<span class="nt">&lt;/label&gt;</span>
-   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"selectgroup selectgroup-pills"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"sun"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"5"</span><span class="nt">&gt;&lt;/circle&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"1"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"23"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.22"</span> <span class="na">y1=</span><span class="s">"4.22"</span> <span class="na">x2=</span><span class="s">"5.64"</span> <span class="na">y2=</span><span class="s">"5.64"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.36"</span> <span class="na">y1=</span><span class="s">"18.36"</span> <span class="na">x2=</span><span class="s">"19.78"</span> <span class="na">y2=</span><span class="s">"19.78"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"1"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"23"</span> <span class="na">y2=</span><span class="s">"12"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.22"</span> <span class="na">y1=</span><span class="s">"19.78"</span> <span class="na">x2=</span><span class="s">"5.64"</span> <span class="na">y2=</span><span class="s">"18.36"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.36"</span> <span class="na">y1=</span><span class="s">"5.64"</span> <span class="na">x2=</span><span class="s">"19.78"</span> <span class="na">y2=</span><span class="s">"4.22"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
+   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-selectgroup"</span><span class="nt">&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"sun"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;circle</span> <span class="na">cx=</span><span class="s">"12"</span> <span class="na">cy=</span><span class="s">"12"</span> <span class="na">r=</span><span class="s">"5"</span><span class="nt">&gt;&lt;/circle&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"1"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"3"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"21"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"23"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.22"</span> <span class="na">y1=</span><span class="s">"4.22"</span> <span class="na">x2=</span><span class="s">"5.64"</span> <span class="na">y2=</span><span class="s">"5.64"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.36"</span> <span class="na">y1=</span><span class="s">"18.36"</span> <span class="na">x2=</span><span class="s">"19.78"</span> <span class="na">y2=</span><span class="s">"19.78"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"1"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"3"</span> <span class="na">y2=</span><span class="s">"12"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"21"</span> <span class="na">y1=</span><span class="s">"12"</span> <span class="na">x2=</span><span class="s">"23"</span> <span class="na">y2=</span><span class="s">"12"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"4.22"</span> <span class="na">y1=</span><span class="s">"19.78"</span> <span class="na">x2=</span><span class="s">"5.64"</span> <span class="na">y2=</span><span class="s">"18.36"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"18.36"</span> <span class="na">y1=</span><span class="s">"5.64"</span> <span class="na">x2=</span><span class="s">"19.78"</span> <span class="na">y2=</span><span class="s">"4.22"</span><span class="nt">&gt;&lt;/line&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"moon"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"moon"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"cloud-rain"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"23"</span><span class="nt">&gt;&lt;/line&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"cloud-rain"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"16"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"16"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"8"</span> <span class="na">y1=</span><span class="s">"13"</span> <span class="na">x2=</span><span class="s">"8"</span> <span class="na">y2=</span><span class="s">"21"</span><span class="nt">&gt;&lt;/line&gt;&lt;line</span> <span class="na">x1=</span><span class="s">"12"</span> <span class="na">y1=</span><span class="s">"15"</span> <span class="na">x2=</span><span class="s">"12"</span> <span class="na">y2=</span><span class="s">"23"</span><span class="nt">&gt;&lt;/line&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"cloud"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"cloud"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;&lt;svg</span> <span class="na">xmlns=</span><span class="s">"http://www.w3.org/2000/svg"</span> <span class="na">width=</span><span class="s">"24"</span> <span class="na">height=</span><span class="s">"24"</span> <span class="na">viewBox=</span><span class="s">"0 0 24 24"</span> <span class="na">fill=</span><span class="s">"none"</span> <span class="na">stroke=</span><span class="s">"currentColor"</span> <span class="na">stroke-width=</span><span class="s">"2"</span> <span class="na">stroke-linecap=</span><span class="s">"round"</span> <span class="na">stroke-linejoin=</span><span class="s">"round"</span> <span class="na">class=</span><span class="s">"icon"</span><span class="nt">&gt;&lt;path</span> <span class="na">d=</span><span class="s">"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"</span><span class="nt">&gt;&lt;/path&gt;&lt;/svg&gt;</span>
          <span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"Other"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>Other<span class="nt">&lt;/span&gt;</span>
-      <span class="nt">&lt;/label&gt;</span>
-   <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">"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>Your skills<span class="nt">&lt;/label&gt;</span>
-   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"selectgroup selectgroup-pills selectgroup-separated"</span><span class="nt">&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"HTML"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span> <span class="na">checked</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>HTML<span class="nt">&lt;/span&gt;</span>
-      <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"CSS"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>CSS<span class="nt">&lt;/span&gt;</span>
-      <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"PHP"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>PHP<span class="nt">&lt;/span&gt;</span>
-      <span class="nt">&lt;/label&gt;</span>
-      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"selectgroup-item"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"JavaScript"</span> <span class="na">class=</span><span class="s">"selectgroup-input"</span><span class="nt">&gt;</span>
-         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"selectgroup-button"</span><span class="nt">&gt;</span>JavaScript<span class="nt">&lt;/span&gt;</span>
+      <span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"name"</span> <span class="na">value=</span><span class="s">"Other"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">&gt;</span>
+         <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"form-selectgroup-box"</span><span class="nt">&gt;</span>Other<span class="nt">&lt;/span&gt;</span>
       <span class="nt">&lt;/label&gt;</span>
    <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
@@ -2086,9 +2095,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/form-helpers.html b/demo/docs/form-helpers.html
index 138935f56..618e9dd87 100644
--- a/demo/docs/form-helpers.html
+++ b/demo/docs/form-helpers.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Form helpers - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -604,9 +613,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/index.html b/demo/docs/index.html
index c49f4f97b..c7ffa1f3b 100644
--- a/demo/docs/index.html
+++ b/demo/docs/index.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Introduction - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -622,9 +631,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/input-mask.html b/demo/docs/input-mask.html
index 47c74d0e2..1d8b6b38a 100644
--- a/demo/docs/input-mask.html
+++ b/demo/docs/input-mask.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Input mask - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -603,9 +612,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/layout.html b/demo/docs/layout.html
index 88ad4ae6c..af606fcb3 100644
--- a/demo/docs/layout.html
+++ b/demo/docs/layout.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Page Layouts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -780,9 +789,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/payments.html b/demo/docs/payments.html
index 7fdf59503..b0c8b6a06 100644
--- a/demo/docs/payments.html
+++ b/demo/docs/payments.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Payments - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item active" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action active">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -584,574 +593,683 @@
                   <div class="card-body p-md-6 p-xl-7">
                     <div class="markdown">
                       <h2 class="h1 mt-0 mb-3">Payments
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon text-green"><polyline points="20 6 9 17 4 12"></polyline></svg>
                       </h2>
                       <div class="alert alert-info">This module is available in <code>tabler-payments</code>
                         plugin.
                       </div>
                       <h3 id="payment">Payment</h3>
                       <div class="example">
-                        <span class="payment payment-shopify"></span>
-                        <span class="payment payment-visa"></span>
-                        <span class="payment payment-paypal"></span>
+                        <span class="payment payment-provider-shopify"></span>
+                        <span class="payment payment-provider-visa"></span>
+                        <span class="payment payment-provider-paypal"></span>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-shopify"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-visa"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-paypal"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-provider-shopify"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-provider-visa"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-provider-paypal"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </div>
                       <h3 id="payment-sizes">Payment sizes</h3>
                       <p>Using Bootstrap’s typical naming structure, you can create a standard payment, or scale it up to different sizes based on what’s needed.</p>
                       <div class="example">
-                        <span class="payment payment-shopify payment-size-xl"></span>
-                        <span class="payment payment-visa payment-size-lg"></span>
-                        <span class="payment payment-paypal payment-size-md"></span>
-                        <span class="payment payment-amazon"></span>
+                        <span class="payment payment-xl payment-provider-shopify"></span>
+                        <span class="payment payment-lg payment-provider-visa"></span>
+                        <span class="payment payment-md payment-provider-paypal"></span>
+                        <span class="payment payment-provider-amazon"></span>
                       </div>
                       <div class="highlight">
-                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-shopify payment-size-xl"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-visa payment-size-lg"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-paypal payment-size-md"</span><span class="nt">&gt;&lt;/span&gt;</span>
-<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-amazon"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
+                        <pre><code class="language-html" data-lang="html"><span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-xl payment-provider-shopify"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-lg payment-provider-visa"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-md payment-provider-paypal"</span><span class="nt">&gt;&lt;/span&gt;</span>
+<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">"payment payment-provider-amazon"</span><span class="nt">&gt;&lt;/span&gt;</span></code></pre>
                       </div>
                       <h3 id="types">Types</h3>
                       <table>
                         <tr>
-                          <td><span class="payment payment-2checkout-dark"></span></td>
+                          <td><span class="payment payment-provider-2checkout-dark"></span>
+                          </td>
                           <td><code>2checkout-dark</code></td>
                           <td>2checkout Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-2checkout"></span></td>
+                          <td><span class="payment payment-provider-2checkout"></span>
+                          </td>
                           <td><code>2checkout</code></td>
                           <td>2checkout</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-alipay-dark"></span></td>
+                          <td><span class="payment payment-provider-alipay-dark"></span>
+                          </td>
                           <td><code>alipay-dark</code></td>
                           <td>Alipay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-alipay"></span></td>
+                          <td><span class="payment payment-provider-alipay"></span>
+                          </td>
                           <td><code>alipay</code></td>
                           <td>Alipay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-amazon-dark"></span></td>
+                          <td><span class="payment payment-provider-amazon-dark"></span>
+                          </td>
                           <td><code>amazon-dark</code></td>
                           <td>Amazon Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-amazon"></span></td>
+                          <td><span class="payment payment-provider-amazon"></span>
+                          </td>
                           <td><code>amazon</code></td>
                           <td>Amazon</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-americanexpress-dark"></span></td>
+                          <td><span class="payment payment-provider-americanexpress-dark"></span>
+                          </td>
                           <td><code>americanexpress-dark</code></td>
                           <td>Americanexpress Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-americanexpress"></span></td>
+                          <td><span class="payment payment-provider-americanexpress"></span>
+                          </td>
                           <td><code>americanexpress</code></td>
                           <td>Americanexpress</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-applepay-dark"></span></td>
+                          <td><span class="payment payment-provider-applepay-dark"></span>
+                          </td>
                           <td><code>applepay-dark</code></td>
                           <td>Applepay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-applepay"></span></td>
+                          <td><span class="payment payment-provider-applepay"></span>
+                          </td>
                           <td><code>applepay</code></td>
                           <td>Applepay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bancontact-dark"></span></td>
+                          <td><span class="payment payment-provider-bancontact-dark"></span>
+                          </td>
                           <td><code>bancontact-dark</code></td>
                           <td>Bancontact Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bancontact"></span></td>
+                          <td><span class="payment payment-provider-bancontact"></span>
+                          </td>
                           <td><code>bancontact</code></td>
                           <td>Bancontact</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bitcoin-dark"></span></td>
+                          <td><span class="payment payment-provider-bitcoin-dark"></span>
+                          </td>
                           <td><code>bitcoin-dark</code></td>
                           <td>Bitcoin Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bitcoin"></span></td>
+                          <td><span class="payment payment-provider-bitcoin"></span>
+                          </td>
                           <td><code>bitcoin</code></td>
                           <td>Bitcoin</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bitpay-dark"></span></td>
+                          <td><span class="payment payment-provider-bitpay-dark"></span>
+                          </td>
                           <td><code>bitpay-dark</code></td>
                           <td>Bitpay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-bitpay"></span></td>
+                          <td><span class="payment payment-provider-bitpay"></span>
+                          </td>
                           <td><code>bitpay</code></td>
                           <td>Bitpay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-cirrus-dark"></span></td>
+                          <td><span class="payment payment-provider-cirrus-dark"></span>
+                          </td>
                           <td><code>cirrus-dark</code></td>
                           <td>Cirrus Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-cirrus"></span></td>
+                          <td><span class="payment payment-provider-cirrus"></span>
+                          </td>
                           <td><code>cirrus</code></td>
                           <td>Cirrus</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-clickandbuy-dark"></span></td>
+                          <td><span class="payment payment-provider-clickandbuy-dark"></span>
+                          </td>
                           <td><code>clickandbuy-dark</code></td>
                           <td>Clickandbuy Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-clickandbuy"></span></td>
+                          <td><span class="payment payment-provider-clickandbuy"></span>
+                          </td>
                           <td><code>clickandbuy</code></td>
                           <td>Clickandbuy</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-coinkite-dark"></span></td>
+                          <td><span class="payment payment-provider-coinkite-dark"></span>
+                          </td>
                           <td><code>coinkite-dark</code></td>
                           <td>Coinkite Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-coinkite"></span></td>
+                          <td><span class="payment payment-provider-coinkite"></span>
+                          </td>
                           <td><code>coinkite</code></td>
                           <td>Coinkite</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-dinersclub-dark"></span></td>
+                          <td><span class="payment payment-provider-dinersclub-dark"></span>
+                          </td>
                           <td><code>dinersclub-dark</code></td>
                           <td>Dinersclub Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-dinersclub"></span></td>
+                          <td><span class="payment payment-provider-dinersclub"></span>
+                          </td>
                           <td><code>dinersclub</code></td>
                           <td>Dinersclub</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-directdebit-dark"></span></td>
+                          <td><span class="payment payment-provider-directdebit-dark"></span>
+                          </td>
                           <td><code>directdebit-dark</code></td>
                           <td>Directdebit Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-directdebit"></span></td>
+                          <td><span class="payment payment-provider-directdebit"></span>
+                          </td>
                           <td><code>directdebit</code></td>
                           <td>Directdebit</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-discover-dark"></span></td>
+                          <td><span class="payment payment-provider-discover-dark"></span>
+                          </td>
                           <td><code>discover-dark</code></td>
                           <td>Discover Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-discover"></span></td>
+                          <td><span class="payment payment-provider-discover"></span>
+                          </td>
                           <td><code>discover</code></td>
                           <td>Discover</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-dwolla-dark"></span></td>
+                          <td><span class="payment payment-provider-dwolla-dark"></span>
+                          </td>
                           <td><code>dwolla-dark</code></td>
                           <td>Dwolla Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-dwolla"></span></td>
+                          <td><span class="payment payment-provider-dwolla"></span>
+                          </td>
                           <td><code>dwolla</code></td>
                           <td>Dwolla</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ebay-dark"></span></td>
+                          <td><span class="payment payment-provider-ebay-dark"></span>
+                          </td>
                           <td><code>ebay-dark</code></td>
                           <td>Ebay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ebay"></span></td>
+                          <td><span class="payment payment-provider-ebay"></span>
+                          </td>
                           <td><code>ebay</code></td>
                           <td>Ebay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-eway-dark"></span></td>
+                          <td><span class="payment payment-provider-eway-dark"></span>
+                          </td>
                           <td><code>eway-dark</code></td>
                           <td>Eway Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-eway"></span></td>
+                          <td><span class="payment payment-provider-eway"></span>
+                          </td>
                           <td><code>eway</code></td>
                           <td>Eway</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-giropay-dark"></span></td>
+                          <td><span class="payment payment-provider-giropay-dark"></span>
+                          </td>
                           <td><code>giropay-dark</code></td>
                           <td>Giropay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-giropay"></span></td>
+                          <td><span class="payment payment-provider-giropay"></span>
+                          </td>
                           <td><code>giropay</code></td>
                           <td>Giropay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-googlewallet-dark"></span></td>
+                          <td><span class="payment payment-provider-googlewallet-dark"></span>
+                          </td>
                           <td><code>googlewallet-dark</code></td>
                           <td>Googlewallet Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-googlewallet"></span></td>
+                          <td><span class="payment payment-provider-googlewallet"></span>
+                          </td>
                           <td><code>googlewallet</code></td>
                           <td>Googlewallet</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ingenico-dark"></span></td>
+                          <td><span class="payment payment-provider-ingenico-dark"></span>
+                          </td>
                           <td><code>ingenico-dark</code></td>
                           <td>Ingenico Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ingenico"></span></td>
+                          <td><span class="payment payment-provider-ingenico"></span>
+                          </td>
                           <td><code>ingenico</code></td>
                           <td>Ingenico</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-jcb-dark"></span></td>
+                          <td><span class="payment payment-provider-jcb-dark"></span>
+                          </td>
                           <td><code>jcb-dark</code></td>
                           <td>Jcb Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-jcb"></span></td>
+                          <td><span class="payment payment-provider-jcb"></span>
+                          </td>
                           <td><code>jcb</code></td>
                           <td>Jcb</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-klarna-dark"></span></td>
+                          <td><span class="payment payment-provider-klarna-dark"></span>
+                          </td>
                           <td><code>klarna-dark</code></td>
                           <td>Klarna Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-klarna"></span></td>
+                          <td><span class="payment payment-provider-klarna"></span>
+                          </td>
                           <td><code>klarna</code></td>
                           <td>Klarna</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-laser-dark"></span></td>
+                          <td><span class="payment payment-provider-laser-dark"></span>
+                          </td>
                           <td><code>laser-dark</code></td>
                           <td>Laser Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-laser"></span></td>
+                          <td><span class="payment payment-provider-laser"></span>
+                          </td>
                           <td><code>laser</code></td>
                           <td>Laser</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-maestro-dark"></span></td>
+                          <td><span class="payment payment-provider-maestro-dark"></span>
+                          </td>
                           <td><code>maestro-dark</code></td>
                           <td>Maestro Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-maestro"></span></td>
+                          <td><span class="payment payment-provider-maestro"></span>
+                          </td>
                           <td><code>maestro</code></td>
                           <td>Maestro</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-mastercard-dark"></span></td>
+                          <td><span class="payment payment-provider-mastercard-dark"></span>
+                          </td>
                           <td><code>mastercard-dark</code></td>
                           <td>Mastercard Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-mastercard"></span></td>
+                          <td><span class="payment payment-provider-mastercard"></span>
+                          </td>
                           <td><code>mastercard</code></td>
                           <td>Mastercard</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-monero-dark"></span></td>
+                          <td><span class="payment payment-provider-monero-dark"></span>
+                          </td>
                           <td><code>monero-dark</code></td>
                           <td>Monero Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-monero"></span></td>
+                          <td><span class="payment payment-provider-monero"></span>
+                          </td>
                           <td><code>monero</code></td>
                           <td>Monero</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-neteller-dark"></span></td>
+                          <td><span class="payment payment-provider-neteller-dark"></span>
+                          </td>
                           <td><code>neteller-dark</code></td>
                           <td>Neteller Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-neteller"></span></td>
+                          <td><span class="payment payment-provider-neteller"></span>
+                          </td>
                           <td><code>neteller</code></td>
                           <td>Neteller</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ogone-dark"></span></td>
+                          <td><span class="payment payment-provider-ogone-dark"></span>
+                          </td>
                           <td><code>ogone-dark</code></td>
                           <td>Ogone Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ogone"></span></td>
+                          <td><span class="payment payment-provider-ogone"></span>
+                          </td>
                           <td><code>ogone</code></td>
                           <td>Ogone</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-okpay-dark"></span></td>
+                          <td><span class="payment payment-provider-okpay-dark"></span>
+                          </td>
                           <td><code>okpay-dark</code></td>
                           <td>Okpay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-okpay"></span></td>
+                          <td><span class="payment payment-provider-okpay"></span>
+                          </td>
                           <td><code>okpay</code></td>
                           <td>Okpay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paybox-dark"></span></td>
+                          <td><span class="payment payment-provider-paybox-dark"></span>
+                          </td>
                           <td><code>paybox-dark</code></td>
                           <td>Paybox Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paybox"></span></td>
+                          <td><span class="payment payment-provider-paybox"></span>
+                          </td>
                           <td><code>paybox</code></td>
                           <td>Paybox</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paymill-dark"></span></td>
+                          <td><span class="payment payment-provider-paymill-dark"></span>
+                          </td>
                           <td><code>paymill-dark</code></td>
                           <td>Paymill Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paymill"></span></td>
+                          <td><span class="payment payment-provider-paymill"></span>
+                          </td>
                           <td><code>paymill</code></td>
                           <td>Paymill</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payone-dark"></span></td>
+                          <td><span class="payment payment-provider-payone-dark"></span>
+                          </td>
                           <td><code>payone-dark</code></td>
                           <td>Payone Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payone"></span></td>
+                          <td><span class="payment payment-provider-payone"></span>
+                          </td>
                           <td><code>payone</code></td>
                           <td>Payone</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payoneer-dark"></span></td>
+                          <td><span class="payment payment-provider-payoneer-dark"></span>
+                          </td>
                           <td><code>payoneer-dark</code></td>
                           <td>Payoneer Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payoneer"></span></td>
+                          <td><span class="payment payment-provider-payoneer"></span>
+                          </td>
                           <td><code>payoneer</code></td>
                           <td>Payoneer</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paypal-dark"></span></td>
+                          <td><span class="payment payment-provider-paypal-dark"></span>
+                          </td>
                           <td><code>paypal-dark</code></td>
                           <td>Paypal Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paypal"></span></td>
+                          <td><span class="payment payment-provider-paypal"></span>
+                          </td>
                           <td><code>paypal</code></td>
                           <td>Paypal</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paysafecard-dark"></span></td>
+                          <td><span class="payment payment-provider-paysafecard-dark"></span>
+                          </td>
                           <td><code>paysafecard-dark</code></td>
                           <td>Paysafecard Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-paysafecard"></span></td>
+                          <td><span class="payment payment-provider-paysafecard"></span>
+                          </td>
                           <td><code>paysafecard</code></td>
                           <td>Paysafecard</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payu-dark"></span></td>
+                          <td><span class="payment payment-provider-payu-dark"></span>
+                          </td>
                           <td><code>payu-dark</code></td>
                           <td>Payu Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payu"></span></td>
+                          <td><span class="payment payment-provider-payu"></span>
+                          </td>
                           <td><code>payu</code></td>
                           <td>Payu</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payza-dark"></span></td>
+                          <td><span class="payment payment-provider-payza-dark"></span>
+                          </td>
                           <td><code>payza-dark</code></td>
                           <td>Payza Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-payza"></span></td>
+                          <td><span class="payment payment-provider-payza"></span>
+                          </td>
                           <td><code>payza</code></td>
                           <td>Payza</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ripple-dark"></span></td>
+                          <td><span class="payment payment-provider-ripple-dark"></span>
+                          </td>
                           <td><code>ripple-dark</code></td>
                           <td>Ripple Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ripple"></span></td>
+                          <td><span class="payment payment-provider-ripple"></span>
+                          </td>
                           <td><code>ripple</code></td>
                           <td>Ripple</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-sage-dark"></span></td>
+                          <td><span class="payment payment-provider-sage-dark"></span>
+                          </td>
                           <td><code>sage-dark</code></td>
                           <td>Sage Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-sage"></span></td>
+                          <td><span class="payment payment-provider-sage"></span>
+                          </td>
                           <td><code>sage</code></td>
                           <td>Sage</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-sepa-dark"></span></td>
+                          <td><span class="payment payment-provider-sepa-dark"></span>
+                          </td>
                           <td><code>sepa-dark</code></td>
                           <td>Sepa Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-sepa"></span></td>
+                          <td><span class="payment payment-provider-sepa"></span>
+                          </td>
                           <td><code>sepa</code></td>
                           <td>Sepa</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-shopify-dark"></span></td>
+                          <td><span class="payment payment-provider-shopify-dark"></span>
+                          </td>
                           <td><code>shopify-dark</code></td>
                           <td>Shopify Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-shopify"></span></td>
+                          <td><span class="payment payment-provider-shopify"></span>
+                          </td>
                           <td><code>shopify</code></td>
                           <td>Shopify</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-skrill-dark"></span></td>
+                          <td><span class="payment payment-provider-skrill-dark"></span>
+                          </td>
                           <td><code>skrill-dark</code></td>
                           <td>Skrill Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-skrill"></span></td>
+                          <td><span class="payment payment-provider-skrill"></span>
+                          </td>
                           <td><code>skrill</code></td>
                           <td>Skrill</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-solo-dark"></span></td>
+                          <td><span class="payment payment-provider-solo-dark"></span>
+                          </td>
                           <td><code>solo-dark</code></td>
                           <td>Solo Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-solo"></span></td>
+                          <td><span class="payment payment-provider-solo"></span>
+                          </td>
                           <td><code>solo</code></td>
                           <td>Solo</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-square-dark"></span></td>
+                          <td><span class="payment payment-provider-square-dark"></span>
+                          </td>
                           <td><code>square-dark</code></td>
                           <td>Square Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-square"></span></td>
+                          <td><span class="payment payment-provider-square"></span>
+                          </td>
                           <td><code>square</code></td>
                           <td>Square</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-stripe-dark"></span></td>
+                          <td><span class="payment payment-provider-stripe-dark"></span>
+                          </td>
                           <td><code>stripe-dark</code></td>
                           <td>Stripe Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-stripe"></span></td>
+                          <td><span class="payment payment-provider-stripe"></span>
+                          </td>
                           <td><code>stripe</code></td>
                           <td>Stripe</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-switch-dark"></span></td>
+                          <td><span class="payment payment-provider-switch-dark"></span>
+                          </td>
                           <td><code>switch-dark</code></td>
                           <td>Switch Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-switch"></span></td>
+                          <td><span class="payment payment-provider-switch"></span>
+                          </td>
                           <td><code>switch</code></td>
                           <td>Switch</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ukash-dark"></span></td>
+                          <td><span class="payment payment-provider-ukash-dark"></span>
+                          </td>
                           <td><code>ukash-dark</code></td>
                           <td>Ukash Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-ukash"></span></td>
+                          <td><span class="payment payment-provider-ukash"></span>
+                          </td>
                           <td><code>ukash</code></td>
                           <td>Ukash</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-unionpay-dark"></span></td>
+                          <td><span class="payment payment-provider-unionpay-dark"></span>
+                          </td>
                           <td><code>unionpay-dark</code></td>
                           <td>Unionpay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-unionpay"></span></td>
+                          <td><span class="payment payment-provider-unionpay"></span>
+                          </td>
                           <td><code>unionpay</code></td>
                           <td>Unionpay</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-verifone-dark"></span></td>
+                          <td><span class="payment payment-provider-verifone-dark"></span>
+                          </td>
                           <td><code>verifone-dark</code></td>
                           <td>Verifone Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-verifone"></span></td>
+                          <td><span class="payment payment-provider-verifone"></span>
+                          </td>
                           <td><code>verifone</code></td>
                           <td>Verifone</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-verisign-dark"></span></td>
+                          <td><span class="payment payment-provider-verisign-dark"></span>
+                          </td>
                           <td><code>verisign-dark</code></td>
                           <td>Verisign Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-verisign"></span></td>
+                          <td><span class="payment payment-provider-verisign"></span>
+                          </td>
                           <td><code>verisign</code></td>
                           <td>Verisign</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-visa-dark"></span></td>
+                          <td><span class="payment payment-provider-visa-dark"></span>
+                          </td>
                           <td><code>visa-dark</code></td>
                           <td>Visa Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-visa"></span></td>
+                          <td><span class="payment payment-provider-visa"></span>
+                          </td>
                           <td><code>visa</code></td>
                           <td>Visa</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-webmoney-dark"></span></td>
+                          <td><span class="payment payment-provider-webmoney-dark"></span>
+                          </td>
                           <td><code>webmoney-dark</code></td>
                           <td>Webmoney Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-webmoney"></span></td>
+                          <td><span class="payment payment-provider-webmoney"></span>
+                          </td>
                           <td><code>webmoney</code></td>
                           <td>Webmoney</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-westernunion-dark"></span></td>
+                          <td><span class="payment payment-provider-westernunion-dark"></span>
+                          </td>
                           <td><code>westernunion-dark</code></td>
                           <td>Westernunion Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-westernunion"></span></td>
+                          <td><span class="payment payment-provider-westernunion"></span>
+                          </td>
                           <td><code>westernunion</code></td>
                           <td>Westernunion</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-worldpay-dark"></span></td>
+                          <td><span class="payment payment-provider-worldpay-dark"></span>
+                          </td>
                           <td><code>worldpay-dark</code></td>
                           <td>Worldpay Dark</td>
                         </tr>
                         <tr>
-                          <td><span class="payment payment-worldpay"></span></td>
+                          <td><span class="payment payment-provider-worldpay"></span>
+                          </td>
                           <td><code>worldpay</code></td>
                           <td>Worldpay</td>
                         </tr>
@@ -1166,9 +1284,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/progress.html b/demo/docs/progress.html
index 615d56fe8..cffbf7f63 100644
--- a/demo/docs/progress.html
+++ b/demo/docs/progress.html
@@ -26,18 +26,19 @@
     <title>Progress - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="A progress bar can be used to show a user how far along he is in a process."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action active">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -718,9 +727,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/ribbons.html b/demo/docs/ribbons.html
index 32a0a8bb2..997d5d873 100644
--- a/demo/docs/ribbons.html
+++ b/demo/docs/ribbons.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item active" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action active">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -698,9 +707,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/spinners.html b/demo/docs/spinners.html
index 2fc43f79e..5eb718311 100644
--- a/demo/docs/spinners.html
+++ b/demo/docs/spinners.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Spinners - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -873,9 +882,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/steps.html b/demo/docs/steps.html
index 0f32b603f..3e27dc0f2 100644
--- a/demo/docs/steps.html
+++ b/demo/docs/steps.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Steps - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -759,9 +768,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tables.html b/demo/docs/tables.html
index e28dc98a7..7268bbe8d 100644
--- a/demo/docs/tables.html
+++ b/demo/docs/tables.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tables - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -730,9 +739,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tabs.html b/demo/docs/tabs.html
index 827ec410a..5c1a9e164 100644
--- a/demo/docs/tabs.html
+++ b/demo/docs/tabs.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Tabs - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -977,9 +986,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/timelines.html b/demo/docs/timelines.html
index 0a679d0c7..4538463d1 100644
--- a/demo/docs/timelines.html
+++ b/demo/docs/timelines.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
     <title>Timelines - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -549,6 +555,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -1001,9 +1010,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/toasts.html b/demo/docs/toasts.html
index 42fa1b720..ea15a98a0 100644
--- a/demo/docs/toasts.html
+++ b/demo/docs/toasts.html
@@ -26,18 +26,19 @@
     <title>Toasts - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.)."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -595,7 +604,7 @@
                       <p>The toast component is like an alert box that is only shown for a couple of seconds when something happens (i.e. when the user clicks on a button, submits a form, etc.).</p>
                       <h3 id="default-markup">Default markup</h3>
                       <div class="example">
-                        <div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false">
+                        <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 avatar-sm mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
                             <strong class="mr-auto">Mallory Hulme</strong>
@@ -610,7 +619,7 @@
                         </div>
                       </div>
                       <div 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="nt">&gt;</span>
+                        <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 avatar-sm mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(./static/avatars/002m.jpg)"</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>
@@ -622,6 +631,96 @@
    <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.
    <span class="nt">&lt;/div&gt;</span>
+<span class="nt">&lt;/div&gt;</span></code></pre>
+                      </div>
+                      <h3 id="translucent">Translucent</h3>
+                      <p>Toasts are slightly translucent, too, so they blend over whatever they might appear over. For browsers that support the <code class="highlighter-rouge">backdrop-filter</code> CSS property, we’ll also attempt to blur the elements under a toast.</p>
+                      <div class="example bg-gray">
+                        <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 avatar-sm 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>
+                          </div>
+                          <div class="toast-body">
+                            Hello, world! This is a toast message.
+                          </div>
+                        </div>
+                      </div>
+                      <div 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 avatar-sm mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(./static/avatars/002m.jpg)"</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;/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.
+   <span class="nt">&lt;/div&gt;</span>
+<span class="nt">&lt;/div&gt;</span></code></pre>
+                      </div>
+                      <h3 id="stacking-toasts">Stacking toasts</h3>
+                      <p>If you want to stack toasts just put them in the same container.</p>
+                      <div class="example">
+                        <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 avatar-sm 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>
+                          </div>
+                          <div class="toast-body">
+                            Hello, world! This is a toast message.
+                          </div>
+                        </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 avatar-sm 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>
+                          </div>
+                          <div class="toast-body">
+                            This is another toast message.
+                          </div>
+                        </div>
+                      </div>
+                      <div 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 avatar-sm mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(./static/avatars/003m.jpg)"</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;/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.
+   <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">"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 avatar-sm mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(./static/avatars/002m.jpg)"</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;/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.
+   <span class="nt">&lt;/div&gt;</span>
 <span class="nt">&lt;/div&gt;</span></code></pre>
                       </div>
                     </div>
@@ -634,9 +733,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/tooltips.html b/demo/docs/tooltips.html
index 5acf6efda..86401ed7d 100644
--- a/demo/docs/tooltips.html
+++ b/demo/docs/tooltips.html
@@ -26,18 +26,19 @@
     <title>Tooltips - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="The Tooltip component is small pop-up box that appears when the user moves the mouse pointer over an element."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -647,9 +656,9 @@ Tooltip with HTML
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/docs/typography.html b/demo/docs/typography.html
index fbe826512..24d54ae75 100644
--- a/demo/docs/typography.html
+++ b/demo/docs/typography.html
@@ -26,18 +26,19 @@
     <title>Typography - Documentation - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <meta name="description" content="Documentation and examples for common text utilities to control alignment, wrapping, weight, and more."/>
     <!-- Libs CSS -->
-    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="../dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="../dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="../dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="../dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="../dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -404,6 +405,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="../docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="../docs/ribbons.html" >
                         Ribbons
@@ -550,6 +556,9 @@
                   <a href="../docs/progress.html" class="list-group-item list-group-item-action">
                     Progress
                   </a>
+                  <a href="../docs/payments.html" class="list-group-item list-group-item-action">
+                    Payments
+                  </a>
                   <a href="../docs/ribbons.html" class="list-group-item list-group-item-action">
                     Ribbons
                     <span class="badge bg-green ml-auto">New</span>
@@ -871,9 +880,9 @@ Text <span class="nt">&lt;sup&gt;</span>Superscripted<span class="nt">&lt;/sup&g
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="../dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="../dist/js/tabler.min.js?1578436289"></script>
+    <script src="../dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/dropdowns.html b/demo/dropdowns.html
index 157a4a616..b0efe8c49 100644
--- a/demo/dropdowns.html
+++ b/demo/dropdowns.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dropdowns - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -611,9 +617,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/email.html b/demo/email.html
index 4061e68dc..ecbb0377b 100644
--- a/demo/email.html
+++ b/demo/email.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Email - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -554,9 +560,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/empty.html b/demo/empty.html
index 43f632ca6..2ecd07f5d 100644
--- a/demo/empty.html
+++ b/demo/empty.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Empty page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -487,9 +493,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/flags.html b/demo/flags.html
index ca24dcf10..a91093534 100644
--- a/demo/flags.html
+++ b/demo/flags.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Flags - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -480,1257 +486,1257 @@
             <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-ad my-3 mx-auto"></span>
+                <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-ae my-3 mx-auto"></span>
+                <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-af my-3 mx-auto"></span>
+                <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-ag my-3 mx-auto"></span>
+                <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-ai my-3 mx-auto"></span>
+                <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-am my-3 mx-auto"></span>
+                <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-ao my-3 mx-auto"></span>
+                <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-aq my-3 mx-auto"></span>
+                <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-ar my-3 mx-auto"></span>
+                <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-as my-3 mx-auto"></span>
+                <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-at my-3 mx-auto"></span>
+                <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-au my-3 mx-auto"></span>
+                <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-aw my-3 mx-auto"></span>
+                <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-ax my-3 mx-auto"></span>
+                <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-az my-3 mx-auto"></span>
+                <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-ba my-3 mx-auto"></span>
+                <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-bb my-3 mx-auto"></span>
+                <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-be my-3 mx-auto"></span>
+                <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-bf my-3 mx-auto"></span>
+                <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-bg my-3 mx-auto"></span>
+                <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-bh my-3 mx-auto"></span>
+                <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-bi my-3 mx-auto"></span>
+                <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-bj my-3 mx-auto"></span>
+                <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-bl my-3 mx-auto"></span>
+                <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-bm my-3 mx-auto"></span>
+                <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-bn my-3 mx-auto"></span>
+                <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-bo my-3 mx-auto"></span>
+                <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-bq my-3 mx-auto"></span>
+                <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-br my-3 mx-auto"></span>
+                <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-bs my-3 mx-auto"></span>
+                <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-bt my-3 mx-auto"></span>
+                <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-bv my-3 mx-auto"></span>
+                <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-bw my-3 mx-auto"></span>
+                <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-by my-3 mx-auto"></span>
+                <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-bz my-3 mx-auto"></span>
+                <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-ca my-3 mx-auto"></span>
+                <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-cc my-3 mx-auto"></span>
+                <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-cd my-3 mx-auto"></span>
+                <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-cf my-3 mx-auto"></span>
+                <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-cg my-3 mx-auto"></span>
+                <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-ch my-3 mx-auto"></span>
+                <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-ci my-3 mx-auto"></span>
+                <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-ck my-3 mx-auto"></span>
+                <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-cl my-3 mx-auto"></span>
+                <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-cm my-3 mx-auto"></span>
+                <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-cn my-3 mx-auto"></span>
+                <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-co my-3 mx-auto"></span>
+                <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-cr my-3 mx-auto"></span>
+                <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-cu my-3 mx-auto"></span>
+                <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-cv my-3 mx-auto"></span>
+                <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-cw my-3 mx-auto"></span>
+                <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-cx my-3 mx-auto"></span>
+                <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-cy my-3 mx-auto"></span>
+                <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-cz my-3 mx-auto"></span>
+                <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-de my-3 mx-auto"></span>
+                <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-dj my-3 mx-auto"></span>
+                <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-dk my-3 mx-auto"></span>
+                <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-dm my-3 mx-auto"></span>
+                <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-do my-3 mx-auto"></span>
+                <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-dz my-3 mx-auto"></span>
+                <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-ec my-3 mx-auto"></span>
+                <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-ee my-3 mx-auto"></span>
+                <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-eg my-3 mx-auto"></span>
+                <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-eh my-3 mx-auto"></span>
+                <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-er my-3 mx-auto"></span>
+                <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-es my-3 mx-auto"></span>
+                <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-es-ct my-3 mx-auto"></span>
+                <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-et my-3 mx-auto"></span>
+                <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-eu my-3 mx-auto"></span>
+                <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-fi my-3 mx-auto"></span>
+                <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-fj my-3 mx-auto"></span>
+                <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-fk my-3 mx-auto"></span>
+                <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-fm my-3 mx-auto"></span>
+                <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-fo my-3 mx-auto"></span>
+                <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-fr my-3 mx-auto"></span>
+                <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-ga my-3 mx-auto"></span>
+                <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-gb my-3 mx-auto"></span>
+                <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-gb-eng my-3 mx-auto"></span>
+                <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-gb-nir my-3 mx-auto"></span>
+                <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-gb-sct my-3 mx-auto"></span>
+                <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-gb-wls my-3 mx-auto"></span>
+                <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-gd my-3 mx-auto"></span>
+                <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-ge my-3 mx-auto"></span>
+                <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-gf my-3 mx-auto"></span>
+                <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-gg my-3 mx-auto"></span>
+                <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-gh my-3 mx-auto"></span>
+                <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-gi my-3 mx-auto"></span>
+                <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-gl my-3 mx-auto"></span>
+                <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-gm my-3 mx-auto"></span>
+                <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-gn my-3 mx-auto"></span>
+                <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-gp my-3 mx-auto"></span>
+                <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-gq my-3 mx-auto"></span>
+                <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-gr my-3 mx-auto"></span>
+                <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-gs my-3 mx-auto"></span>
+                <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-gt my-3 mx-auto"></span>
+                <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-gu my-3 mx-auto"></span>
+                <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-gw my-3 mx-auto"></span>
+                <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-gy my-3 mx-auto"></span>
+                <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-hk my-3 mx-auto"></span>
+                <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-hm my-3 mx-auto"></span>
+                <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-hn my-3 mx-auto"></span>
+                <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-hr my-3 mx-auto"></span>
+                <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-ht my-3 mx-auto"></span>
+                <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-hu my-3 mx-auto"></span>
+                <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-id my-3 mx-auto"></span>
+                <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-ie my-3 mx-auto"></span>
+                <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-il my-3 mx-auto"></span>
+                <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-im my-3 mx-auto"></span>
+                <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-in my-3 mx-auto"></span>
+                <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-io my-3 mx-auto"></span>
+                <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-iq my-3 mx-auto"></span>
+                <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-ir my-3 mx-auto"></span>
+                <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-is my-3 mx-auto"></span>
+                <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-it my-3 mx-auto"></span>
+                <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-je my-3 mx-auto"></span>
+                <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-jm my-3 mx-auto"></span>
+                <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-jo my-3 mx-auto"></span>
+                <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-jp my-3 mx-auto"></span>
+                <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-ke my-3 mx-auto"></span>
+                <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-kg my-3 mx-auto"></span>
+                <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-kh my-3 mx-auto"></span>
+                <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-ki my-3 mx-auto"></span>
+                <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-km my-3 mx-auto"></span>
+                <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-kn my-3 mx-auto"></span>
+                <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-kp my-3 mx-auto"></span>
+                <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-kr my-3 mx-auto"></span>
+                <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-kw my-3 mx-auto"></span>
+                <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-ky my-3 mx-auto"></span>
+                <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-kz my-3 mx-auto"></span>
+                <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-la my-3 mx-auto"></span>
+                <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-lb my-3 mx-auto"></span>
+                <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-lc my-3 mx-auto"></span>
+                <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-li my-3 mx-auto"></span>
+                <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-lk my-3 mx-auto"></span>
+                <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-lr my-3 mx-auto"></span>
+                <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-ls my-3 mx-auto"></span>
+                <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-lt my-3 mx-auto"></span>
+                <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-lu my-3 mx-auto"></span>
+                <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-lv my-3 mx-auto"></span>
+                <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-ly my-3 mx-auto"></span>
+                <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-ma my-3 mx-auto"></span>
+                <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-mc my-3 mx-auto"></span>
+                <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-md my-3 mx-auto"></span>
+                <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-me my-3 mx-auto"></span>
+                <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-mf my-3 mx-auto"></span>
+                <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-mg my-3 mx-auto"></span>
+                <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-mh my-3 mx-auto"></span>
+                <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-mk my-3 mx-auto"></span>
+                <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-ml my-3 mx-auto"></span>
+                <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-mm my-3 mx-auto"></span>
+                <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-mn my-3 mx-auto"></span>
+                <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-mo my-3 mx-auto"></span>
+                <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-mp my-3 mx-auto"></span>
+                <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-mq my-3 mx-auto"></span>
+                <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-mr my-3 mx-auto"></span>
+                <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-ms my-3 mx-auto"></span>
+                <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-mt my-3 mx-auto"></span>
+                <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-mu my-3 mx-auto"></span>
+                <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-mv my-3 mx-auto"></span>
+                <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-mw my-3 mx-auto"></span>
+                <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-mx my-3 mx-auto"></span>
+                <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-my my-3 mx-auto"></span>
+                <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-mz my-3 mx-auto"></span>
+                <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-na my-3 mx-auto"></span>
+                <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-nc my-3 mx-auto"></span>
+                <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-ne my-3 mx-auto"></span>
+                <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-nf my-3 mx-auto"></span>
+                <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-ng my-3 mx-auto"></span>
+                <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-ni my-3 mx-auto"></span>
+                <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-no my-3 mx-auto"></span>
+                <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-np my-3 mx-auto"></span>
+                <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-nr my-3 mx-auto"></span>
+                <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-nu my-3 mx-auto"></span>
+                <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-nz my-3 mx-auto"></span>
+                <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-om my-3 mx-auto"></span>
+                <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-pa my-3 mx-auto"></span>
+                <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-pe my-3 mx-auto"></span>
+                <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-pf my-3 mx-auto"></span>
+                <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-pg my-3 mx-auto"></span>
+                <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-ph my-3 mx-auto"></span>
+                <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-pk my-3 mx-auto"></span>
+                <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-pl my-3 mx-auto"></span>
+                <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-pm my-3 mx-auto"></span>
+                <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-pn my-3 mx-auto"></span>
+                <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-pr my-3 mx-auto"></span>
+                <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-ps my-3 mx-auto"></span>
+                <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-pt my-3 mx-auto"></span>
+                <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-pw my-3 mx-auto"></span>
+                <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-py my-3 mx-auto"></span>
+                <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-qa my-3 mx-auto"></span>
+                <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-re my-3 mx-auto"></span>
+                <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-ro my-3 mx-auto"></span>
+                <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-rs my-3 mx-auto"></span>
+                <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-ru my-3 mx-auto"></span>
+                <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-rw my-3 mx-auto"></span>
+                <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-sa my-3 mx-auto"></span>
+                <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-sb my-3 mx-auto"></span>
+                <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-sc my-3 mx-auto"></span>
+                <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-sd my-3 mx-auto"></span>
+                <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-se my-3 mx-auto"></span>
+                <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-sg my-3 mx-auto"></span>
+                <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-sh my-3 mx-auto"></span>
+                <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-si my-3 mx-auto"></span>
+                <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-sj my-3 mx-auto"></span>
+                <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-sk my-3 mx-auto"></span>
+                <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-sl my-3 mx-auto"></span>
+                <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-sm my-3 mx-auto"></span>
+                <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-sn my-3 mx-auto"></span>
+                <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-so my-3 mx-auto"></span>
+                <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-sr my-3 mx-auto"></span>
+                <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-ss my-3 mx-auto"></span>
+                <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-st my-3 mx-auto"></span>
+                <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-sv my-3 mx-auto"></span>
+                <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-sx my-3 mx-auto"></span>
+                <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-sy my-3 mx-auto"></span>
+                <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-sz my-3 mx-auto"></span>
+                <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-tc my-3 mx-auto"></span>
+                <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-td my-3 mx-auto"></span>
+                <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-tf my-3 mx-auto"></span>
+                <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-tg my-3 mx-auto"></span>
+                <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-th my-3 mx-auto"></span>
+                <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-tj my-3 mx-auto"></span>
+                <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-tk my-3 mx-auto"></span>
+                <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-tl my-3 mx-auto"></span>
+                <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-tm my-3 mx-auto"></span>
+                <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-tn my-3 mx-auto"></span>
+                <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-to my-3 mx-auto"></span>
+                <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-tr my-3 mx-auto"></span>
+                <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-tt my-3 mx-auto"></span>
+                <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-tv my-3 mx-auto"></span>
+                <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-tz my-3 mx-auto"></span>
+                <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-ua my-3 mx-auto"></span>
+                <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-ug my-3 mx-auto"></span>
+                <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-um my-3 mx-auto"></span>
+                <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-un my-3 mx-auto"></span>
+                <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-us my-3 mx-auto"></span>
+                <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-uy my-3 mx-auto"></span>
+                <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-uz my-3 mx-auto"></span>
+                <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-va my-3 mx-auto"></span>
+                <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-vc my-3 mx-auto"></span>
+                <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-ve my-3 mx-auto"></span>
+                <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-vg my-3 mx-auto"></span>
+                <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-vi my-3 mx-auto"></span>
+                <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-vn my-3 mx-auto"></span>
+                <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-vu my-3 mx-auto"></span>
+                <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-wf my-3 mx-auto"></span>
+                <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-ws my-3 mx-auto"></span>
+                <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-ye my-3 mx-auto"></span>
+                <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-za my-3 mx-auto"></span>
+                <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-zm my-3 mx-auto"></span>
+                <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-zw my-3 mx-auto"></span>
+                <span class="flag flag-country-zw my-3 mx-auto"></span>
                 <code>.flag .flag-zw</code>
               </div>
             </div>
@@ -1739,9 +1745,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/forgot-password.html b/demo/forgot-password.html
index 269ec9c2f..347b17291 100644
--- a/demo/forgot-password.html
+++ b/demo/forgot-password.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -69,9 +70,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/form-elements.html b/demo/form-elements.html
index fe21c7d85..143728f53 100644
--- a/demo/form-elements.html
+++ b/demo/form-elements.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Form elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -510,7 +516,7 @@
           value="Well, how'd you become king, then?" readonly>
                             </div>
                             <div class="mb-3">
-                              <label class="form-label">Textarea <span class="float-right text-muted">56/100</span></label>
+                              <label class="form-label">Textarea <span class="form-label-description">56/100</span></label>
                               <textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
                             </div>
                             <div class="mb-3">
@@ -592,8 +598,8 @@
                                 </div>
                                 <div class="col-auto align-self-center">
                                   <span class="form-help" data-toggle="popover" data-placement="top" data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p>
-                                  <p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>
-                                  ">?</span>
+                                  <p class='mb-0'><a href='#'>USP ZIP codes lookup tools</a></p>
+                                  " data-html="true">?</span>
                               </div>
                             </div>
                           </div>
@@ -718,50 +724,50 @@
                             <label class="form-label">Image Check</label>
                             <div class="row row-xs">
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/77586f6ffa9fbc5e.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/77586f6ffa9fbc5e.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="2" class="imagecheck-input"  checked/>
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/552683cc4e5f0e11.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="2" class="form-imagecheck-input"  checked/>
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/552683cc4e5f0e11.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/3664593f945f0d8d.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="3" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/3664593f945f0d8d.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="4" class="imagecheck-input"  checked/>
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/529078594c496ec5.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="4" class="form-imagecheck-input"  checked/>
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/529078594c496ec5.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/a74c41b6fb7fdf34.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="5" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/a74c41b6fb7fdf34.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
                               <div class="col-6 col-sm-4">
-                                <label class="imagecheck mb-2">
-                                  <input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
-                                  <span class="imagecheck-figure">
-                                    <img src="./static/photos/a159fb2bff29fda4.jpg" alt="" class="imagecheck-image">
+                                <label class="form-imagecheck mb-2">
+                                  <input name="form-imagecheck" type="checkbox" value="6" class="form-imagecheck-input" />
+                                  <span class="form-imagecheck-figure">
+                                    <img src="./static/photos/a159fb2bff29fda4.jpg" alt="" class="form-imagecheck-image">
                                   </span>
                                 </label>
                               </div>
@@ -771,63 +777,63 @@
                             <label class="form-label">Color Input</label>
                             <div class="row row-xs">
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="blue" class="colorinput-input" />
-                                  <span class="colorinput-color bg-blue"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="blue" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-blue"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="azure" class="colorinput-input"  checked/>
-                                  <span class="colorinput-color bg-azure"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="azure" class="form-colorinput-input"  checked/>
+                                  <span class="form-colorinput-color bg-azure"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="indigo" class="colorinput-input" />
-                                  <span class="colorinput-color bg-indigo"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="indigo" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-indigo"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="purple" class="colorinput-input" />
-                                  <span class="colorinput-color bg-purple"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="purple" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-purple"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="pink" class="colorinput-input" />
-                                  <span class="colorinput-color bg-pink"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="pink" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-pink"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="red" class="colorinput-input" />
-                                  <span class="colorinput-color bg-red"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="red" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-red"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="orange" class="colorinput-input" />
-                                  <span class="colorinput-color bg-orange"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="orange" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-orange"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="yellow" class="colorinput-input" />
-                                  <span class="colorinput-color bg-yellow"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="yellow" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-yellow"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="lime" class="colorinput-input" />
-                                  <span class="colorinput-color bg-lime"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="lime" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-lime"></span>
                                 </label>
                               </div>
                               <div class="col-auto">
-                                <label class="colorinput">
-                                  <input name="color" type="checkbox" value="green" class="colorinput-input" />
-                                  <span class="colorinput-color bg-green"></span>
+                                <label class="form-colorinput">
+                                  <input name="color" type="checkbox" value="green" class="form-colorinput-input" />
+                                  <span class="form-colorinput-color bg-green"></span>
                                 </label>
                               </div>
                             </div>
@@ -862,6 +868,218 @@
                               <input type="tel" class="form-control" autocomplete="off"/>
                             </div>
                           </fieldset>
+                          <div class="mb-3">
+                            <label class="form-label">Your skills</label>
+                            <div class="form-selectgroup form-selectgroup-pills">
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="HTML" class="form-selectgroup-input" checked>
+                                <span class="form-selectgroup-box">HTML</span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="CSS" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">CSS</span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="PHP" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">PHP</span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="JavaScript" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">JavaScript</span>
+                              </label>
+                            </div>
+                          </div>
+                          <div class="mb-3">
+                            <label class="form-label">Icons input</label>
+                            <div class="form-selectgroup w-100">
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="device" value="smartphone" class="form-selectgroup-input" checked>
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="device" value="tablet" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="4" y="2" width="16" height="20" rx="2" ry="2" transform="rotate(180 12 12)"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="device" value="monitor" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="device" value="x" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+                                </span>
+                              </label>
+                            </div>
+                          </div>
+                          <div class="mb-3">
+                            <label class="form-label">Shipping methods</label>
+                            <div class="form-selectgroup form-selectgroup-vertical">
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="shipping-method" value="Unregistered" class="form-selectgroup-input" checked>
+                                <span class="form-selectgroup-box">Unregistered</span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="shipping-method" value="Priority Mail" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">Priority Mail</span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="radio" name="shipping-method" value="Express Mail" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">Express Mail</span>
+                              </label>
+                            </div>
+                          </div>
+                          <div class="mb-3">
+                            <label class="form-label">Icon input</label>
+                            <div class="form-selectgroup">
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="sun" class="form-selectgroup-input" checked>
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="moon" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="cloud-rain" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="cloud" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
+                                </span>
+                              </label>
+                              <label class="form-selectgroup-item">
+                                <input type="checkbox" name="name" value="Other" class="form-selectgroup-input">
+                                <span class="form-selectgroup-box">Other</span>
+                              </label>
+                            </div>
+                          </div>
+                          <div class="mb-3">
+                            <label class="form-label">Payment method</label>
+                            <div class="form-selectgroup form-selectgroup-boxes d-flex flex-column">
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="radio" name="form-payment" value="visa" class="form-selectgroup-input">
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div>
+                                    <span class="payment payment-provider-visa payment-sm mr-2"></span>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="radio" name="form-payment" value="mastercard" class="form-selectgroup-input" checked>
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div>
+                                    <span class="payment payment-provider-mastercard payment-sm mr-2"></span>
+                                    ending in <strong>2807</strong>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="radio" name="form-payment" value="paypal" class="form-selectgroup-input">
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div>
+                                    <span class="payment payment-provider-paypal payment-sm mr-2"></span>
+                                    ending in <strong>7959</strong>
+                                  </div>
+                                </div>
+                              </label>
+                            </div>
+                          </div>
+                          <div class="mb-3">
+                            <label class="form-label">Project Manager</label>
+                            <div class="form-selectgroup form-selectgroup-boxes d-flex flex-column">
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="checkbox" name="form-project-manager[]" value="1" class="form-selectgroup-input" >
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div class="form-selectgroup-box-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 class="text-muted">UI Designer</div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="checkbox" name="form-project-manager[]" value="2" class="form-selectgroup-input"  checked>
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div class="form-selectgroup-box-content d-flex align-items-center">
+                                    <span class="avatar mr-3">JL</span>
+                                    <div class="lh-sm">
+                                      <div class="strong">Jeffie Lewzey</div>
+                                      <div class="text-muted">Chemical Engineer</div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="checkbox" name="form-project-manager[]" value="3" class="form-selectgroup-input" >
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div class="form-selectgroup-box-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 class="text-muted">Geologist IV</div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="checkbox" name="form-project-manager[]" value="4" class="form-selectgroup-input" >
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div class="form-selectgroup-box-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 class="text-muted">Research Nurse</div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </label>
+                              <label class="form-selectgroup-item flex-fill">
+                                <input type="checkbox" name="form-project-manager[]" value="5" class="form-selectgroup-input" >
+                                <div class="form-selectgroup-box d-flex align-items-center p-3">
+                                  <div class="mr-3">
+                                    <span class="form-selectgroup-check"></span>
+                                  </div>
+                                  <div class="form-selectgroup-box-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 class="text-muted">VP Product Management</div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </label>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -1167,98 +1385,6 @@
                           </div>
                         </div>
                         <div class="col-md-6 col-xl-12">
-                          <div class="mb-3">
-                            <label class="form-label">Shipping methods</label>
-                            <div class="selectgroup selectgroup-vertical">
-                              <label class="selectgroup-item">
-                                <input type="radio" name="shipping-method" value="Unregistered" class="selectgroup-input" checked>
-                                <span class="selectgroup-button">Unregistered</span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="radio" name="shipping-method" value="Priority Mail" class="selectgroup-input">
-                                <span class="selectgroup-button">Priority Mail</span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="radio" name="shipping-method" value="Express Mail" class="selectgroup-input">
-                                <span class="selectgroup-button">Express Mail</span>
-                              </label>
-                            </div>
-                          </div>
-                          <div class="mb-3">
-                            <label class="form-label">Icons input</label>
-                            <div class="selectgroup w-100">
-                              <label class="selectgroup-item">
-                                <input type="radio" name="device" value="smartphone" class="selectgroup-input" checked>
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="radio" name="device" value="tablet" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="4" y="2" width="16" height="20" rx="2" ry="2" transform="rotate(180 12 12)"></rect><line x1="12" y1="18" x2="12" y2="18"></line></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="radio" name="device" value="monitor" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="radio" name="device" value="x" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-                                </span>
-                              </label>
-                            </div>
-                          </div>
-                          <div class="mb-3">
-                            <label class="form-label">Icon input</label>
-                            <div class="selectgroup selectgroup-pills">
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="sun" class="selectgroup-input" checked>
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="moon" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="cloud-rain" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="16" y1="13" x2="16" y2="21"></line><line x1="8" y1="13" x2="8" y2="21"></line><line x1="12" y1="15" x2="12" y2="23"></line><path d="M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"></path></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="cloud" class="selectgroup-input">
-                                <span class="selectgroup-button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
-                                </span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="Other" class="selectgroup-input">
-                                <span class="selectgroup-button">Other</span>
-                              </label>
-                            </div>
-                          </div>
-                          <div class="mb-3">
-                            <label class="form-label">Your skills</label>
-                            <div class="selectgroup selectgroup-pills selectgroup-separated">
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="HTML" class="selectgroup-input" checked>
-                                <span class="selectgroup-button">HTML</span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="CSS" class="selectgroup-input">
-                                <span class="selectgroup-button">CSS</span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="PHP" class="selectgroup-input">
-                                <span class="selectgroup-button">PHP</span>
-                              </label>
-                              <label class="selectgroup-item">
-                                <input type="checkbox" name="name" value="JavaScript" class="selectgroup-input">
-                                <span class="selectgroup-button">JavaScript</span>
-                              </label>
-                            </div>
-                          </div>
                           <div class="mb-3">
                             <label class="form-label">Datalist example</label>
                             <input class="form-control" list="datalistOptions" placeholder="Type to search..."/>
@@ -1312,17 +1438,17 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-  <script src="./dist/libs/autosize/dist/autosize.min.js?1578436289"></script>
-  <script src="./dist/libs/imask/dist/imask.min.js?1578436289"></script>
-  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578436289"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+  <script src="./dist/libs/autosize/dist/autosize.min.js?1578694044"></script>
+  <script src="./dist/libs/imask/dist/imask.min.js?1578694044"></script>
+  <script src="./dist/libs/selectize/dist/js/standalone/selectize.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578436289"></script>
+  <script src="./dist/js/tabler.min.js?1578694044"></script>
   <script>
     $(document).ready(function () {
     	$('#select-tags').selectize({
-    		maxItems: 3
+    		maxItems: 15
     	});
     });
   </script>
@@ -1351,10 +1477,10 @@
     	$('#select-countries').selectize({
     		render: {
     			option: function (data, escape) {
-    				return '<div class="option"><span class="flag flag-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+    				return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
     			},
     			item: function (data, escape) {
-    				return '<div class="d-flex align-items-center"><span class="flag flag-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
+    				return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
     			}
     		}
     	});
diff --git a/demo/gallery.html b/demo/gallery.html
index 8fefac402..2a93d80e5 100644
--- a/demo/gallery.html
+++ b/demo/gallery.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Gallery - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -812,9 +818,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/homepage.html b/demo/homepage.html
index accb8af82..dca26f000 100644
--- a/demo/homepage.html
+++ b/demo/homepage.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Homepage - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -910,11 +916,11 @@
     </div>
   </div>
   <!-- Libs JS -->
-  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-  <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
+  <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+  <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+  <script src="./dist/libs/peity/jquery.peity.min.js?1578694044"></script>
   <!-- Tabler Core -->
-  <script src="./dist/js/tabler.min.js?1578436289"></script>
+  <script src="./dist/js/tabler.min.js?1578694044"></script>
   <script>
     document.addEventListener("DOMContentLoaded", function () {
     	$().peity && $('#sparkline-7').text("4,3,6,5,4,5,4,6,7,6,5,7,8,7,8,9,8,9,10").peity("bar", {
diff --git a/demo/icons.html b/demo/icons.html
index b61f10937..a68a8b5d6 100644
--- a/demo/icons.html
+++ b/demo/icons.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Icons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -3603,9 +3609,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
index 04ddcd88f..d2f1a1081 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Dashboard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -897,7 +903,7 @@
                           <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-us"></span>
+                            <span class="flag flag-country-us"></span>
                             Carlson Limited
                           </td>
                           <td>
@@ -933,7 +939,7 @@
                           <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-gb"></span>
+                            <span class="flag flag-country-gb"></span>
                             Adobe
                           </td>
                           <td>
@@ -969,7 +975,7 @@
                           <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-de"></span>
+                            <span class="flag flag-country-de"></span>
                             Bluewolf
                           </td>
                           <td>
@@ -1005,7 +1011,7 @@
                           <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-br"></span>
+                            <span class="flag flag-country-br"></span>
                             Salesforce
                           </td>
                           <td>
@@ -1041,7 +1047,7 @@
                           <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-pl"></span>
+                            <span class="flag flag-country-pl"></span>
                             Printic
                           </td>
                           <td>
@@ -1077,7 +1083,7 @@
                           <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-br"></span>
+                            <span class="flag flag-country-br"></span>
                             Tabdaq
                           </td>
                           <td>
@@ -1113,7 +1119,7 @@
                           <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-us"></span>
+                            <span class="flag flag-country-us"></span>
                             Apple
                           </td>
                           <td>
@@ -1149,7 +1155,7 @@
                           <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-pl"></span>
+                            <span class="flag flag-country-pl"></span>
                             Tookapic
                           </td>
                           <td>
@@ -1228,7 +1234,7 @@
                           <td>
                             <div>Eva Acres</div>
                             <div class="small text-muted">
-                              Registered: Dec 11, 2019
+                              Registered: Dec 14, 2019
                             </div>
                           </td>
                           <td>
@@ -1247,7 +1253,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-visa"></span>
+                            <span class="payment payment-provider-visa"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1283,7 +1289,7 @@
                           <td>
                             <div>Jermaine Booley</div>
                             <div class="small text-muted">
-                              Registered: Nov 24, 2019
+                              Registered: Nov 27, 2019
                             </div>
                           </td>
                           <td>
@@ -1302,7 +1308,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-googlewallet"></span>
+                            <span class="payment payment-provider-googlewallet"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1338,7 +1344,7 @@
                           <td>
                             <div>Juanita Nobles</div>
                             <div class="small text-muted">
-                              Registered: Dec 30, 2019
+                              Registered: Jan 2, 2020
                             </div>
                           </td>
                           <td>
@@ -1357,7 +1363,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-mastercard"></span>
+                            <span class="payment payment-provider-mastercard"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1393,7 +1399,7 @@
                           <td>
                             <div>Nanni Wooler</div>
                             <div class="small text-muted">
-                              Registered: Oct 9, 2019
+                              Registered: Oct 12, 2019
                             </div>
                           </td>
                           <td>
@@ -1412,7 +1418,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-shopify"></span>
+                            <span class="payment payment-provider-shopify"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1448,7 +1454,7 @@
                           <td>
                             <div>Mela Sydes</div>
                             <div class="small text-muted">
-                              Registered: Nov 26, 2019
+                              Registered: Nov 29, 2019
                             </div>
                           </td>
                           <td>
@@ -1467,7 +1473,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-ebay"></span>
+                            <span class="payment payment-provider-ebay"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1503,7 +1509,7 @@
                           <td>
                             <div>Price Letixier</div>
                             <div class="small text-muted">
-                              Registered: Dec 12, 2019
+                              Registered: Dec 15, 2019
                             </div>
                           </td>
                           <td>
@@ -1522,7 +1528,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-paypal"></span>
+                            <span class="payment payment-provider-paypal"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1558,7 +1564,7 @@
                           <td>
                             <div>Beatrix Ladewig</div>
                             <div class="small text-muted">
-                              Registered: Nov 15, 2019
+                              Registered: Nov 18, 2019
                             </div>
                           </td>
                           <td>
@@ -1577,7 +1583,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-visa"></span>
+                            <span class="payment payment-provider-visa"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1613,7 +1619,7 @@
                           <td>
                             <div>Donnie Biggin</div>
                             <div class="small text-muted">
-                              Registered: Oct 15, 2019
+                              Registered: Oct 18, 2019
                             </div>
                           </td>
                           <td>
@@ -1632,7 +1638,7 @@
                             </div>
                           </td>
                           <td class="text-center">
-                            <span class="payment payment-googlewallet"></span>
+                            <span class="payment payment-provider-googlewallet"></span>
                           </td>
                           <td>
                             <div class="small text-muted">Last login</div>
@@ -1672,16 +1678,16 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578436289"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578694044"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       // @formatter:off
       document.addEventListener("DOMContentLoaded", function () {
diff --git a/demo/invoice.html b/demo/invoice.html
index 1e6a818d0..8bda65f70 100644
--- a/demo/invoice.html
+++ b/demo/invoice.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Invoice - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -574,9 +580,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/layout-test.html b/demo/layout-test.html
index ca69e1488..a8af0c199 100644
--- a/demo/layout-test.html
+++ b/demo/layout-test.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Layout test - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -528,10 +534,10 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       $(document).ready(function () {
       	var $test_el = $('#card-test'),
diff --git a/demo/layouts.html b/demo/layouts.html
index c596e252d..513d05863 100644
--- a/demo/layouts.html
+++ b/demo/layouts.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -669,9 +675,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/login.html b/demo/login.html
index dbecc2ca2..4e0dc6a13 100644
--- a/demo/login.html
+++ b/demo/login.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Login - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -82,9 +83,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/lookup.html b/demo/lookup.html
index 52163baa8..293a8ab9d 100644
--- a/demo/lookup.html
+++ b/demo/lookup.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Lookup company - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -688,9 +694,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maintenance.html b/demo/maintenance.html
index 1755adeac..d8cfe8d97 100644
--- a/demo/maintenance.html
+++ b/demo/maintenance.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maintenance mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex align-items-center justify-content-center min-vh-100">
@@ -57,9 +58,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/maps.html b/demo/maps.html
index 53e4ee49d..19235e250 100644
--- a/demo/maps.html
+++ b/demo/maps.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Maps - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -505,14 +511,14 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578436289"></script>
-    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/jquery.vmap.min.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.world.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/jquery.vmap.usa.js?1578694044"></script>
+    <script src="./dist/libs/jqvmap/dist/maps/continents/jquery.vmap.europe.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function() {
          $('#map-world').vectorMap({
diff --git a/demo/markdown.html b/demo/markdown.html
index be2f4910e..fabc2e58d 100644
--- a/demo/markdown.html
+++ b/demo/markdown.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -530,9 +536,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/music.html b/demo/music.html
index ca09f7db1..7bfa2762e 100644
--- a/demo/music.html
+++ b/demo/music.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Music components - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -905,9 +911,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pagination.html b/demo/pagination.html
index 705bba1de..83ba4382a 100644
--- a/demo/pagination.html
+++ b/demo/pagination.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pagination - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -548,9 +554,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/pricing.html b/demo/pricing.html
index e49db9224..17b0c9df0 100644
--- a/demo/pricing.html
+++ b/demo/pricing.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Pricing cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -605,9 +611,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/profile.html b/demo/profile.html
index 3ad1f8c28..804c054c4 100644
--- a/demo/profile.html
+++ b/demo/profile.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Profile - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -740,9 +746,9 @@ But that's the difference in our opinions.</textarea>
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/register.html b/demo/register.html
index 554c29f3d..b1a0c0394 100644
--- a/demo/register.html
+++ b/demo/register.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Register - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased border-top-wide border-primary">
     <div class="d-flex h-auto min-h-full justify-content-center">
@@ -82,9 +83,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/ribbons.html b/demo/ribbons.html
index e26a916dd..603b35b59 100644
--- a/demo/ribbons.html
+++ b/demo/ribbons.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Ribbons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -644,9 +650,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/rtl.html b/demo/rtl.html
index 1517c6bf5..acf5c8676 100644
--- a/demo/rtl.html
+++ b/demo/rtl.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>RTL mode - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -549,11 +555,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-22').text("45/100").peity("pie", {
diff --git a/demo/search-results.html b/demo/search-results.html
index 9d524f897..ac2e73b47 100644
--- a/demo/search-results.html
+++ b/demo/search-results.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -758,9 +764,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/sitemap.xml b/demo/sitemap.xml
index 36d066d08..ec5134106 100644
--- a/demo/sitemap.xml
+++ b/demo/sitemap.xml
@@ -2,179 +2,179 @@
   <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>/components/card-buttons.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-comments.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-ribbon.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-tabs-bottom.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/card-with-image.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/empty.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-colors.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/input-image.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/progress.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-avatar.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/simple-card.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-revenue.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/components/widget-sales.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/alerts.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/autosize.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/avatars.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/badges.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/breadcrumb.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/buttons.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cards.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/carousel.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/charts.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/colors.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/countup.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/cursors.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/divider.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/empty.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/flags.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-elements.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/form-helpers.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/input-mask.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/layout.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/payments.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/progress.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/ribbons.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/spinners.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/steps.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tables.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tabs.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/timelines.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/toasts.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/tooltips.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/docs/typography.html</loc>
-      <lastmod>2020-01-07T23:31:29+01:00</lastmod>
+      <lastmod>2020-01-10T23:07:24+01:00</lastmod>
     </url>
     <url>
       <loc>/400.html</loc>
diff --git a/demo/snippets.html b/demo/snippets.html
index b8553ef62..50a2ead80 100644
--- a/demo/snippets.html
+++ b/demo/snippets.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Snippets - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -1096,7 +1102,7 @@
                     </div>
                     <div class="mb-2">
                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-2 text-muted"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
-                      From: <strong><span class="flag flag-si"></span>
+                      From: <strong><span class="flag flag-country-si"></span>
                         Slovenia</strong>
                     </div>
                     <div class="mb-2">
@@ -1116,11 +1122,11 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
-    <script src="./dist/libs/peity/jquery.peity.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
+    <script src="./dist/libs/peity/jquery.peity.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
     <script>
       document.addEventListener("DOMContentLoaded", function () {
       	$().peity && $('#sparkline-25').text("56/100").peity("pie", {
diff --git a/demo/social.html b/demo/social.html
index be89d7b82..5d6f0cbfb 100644
--- a/demo/social.html
+++ b/demo/social.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Social elements - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -978,9 +984,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/store.html b/demo/store.html
index 2c724a957..d7ae17098 100644
--- a/demo/store.html
+++ b/demo/store.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Store - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -681,9 +687,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tabs.html b/demo/tabs.html
index c9ba99e56..f92d24c6f 100644
--- a/demo/tabs.html
+++ b/demo/tabs.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabs - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -793,9 +799,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/tmp2.html b/demo/tmp2.html
index add5488af..4422b4129 100644
--- a/demo/tmp2.html
+++ b/demo/tmp2.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -478,7 +484,137 @@
               </div>
             </div>
             <div class="row">
-              <div class="col-4">
+              <div class="col-8">
+                <div class="card">
+                  <div class="card-body">
+                    <div>
+                      <div class="form-selectgroup">
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="HTML" class="form-selectgroup-input" checked>
+                          <span class="form-selectgroup-box">
+                            HTML
+                          </span>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="CSS" class="form-selectgroup-input" checked>
+                          <span class="form-selectgroup-box">
+                            CSS
+                          </span>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="JavaScript" class="form-selectgroup-input">
+                          <span class="form-selectgroup-box">
+                            JavaScript
+                          </span>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="Ruby" class="form-selectgroup-input">
+                          <span class="form-selectgroup-box">
+                            Ruby
+                          </span>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="GraphSQL" class="form-selectgroup-input">
+                          <span class="form-selectgroup-box">
+                            GraphSQL
+                          </span>
+                        </label>
+                      </div>
+                    </div>
+                    <div class="mt-4">
+                      <div class="form-selectgroup">
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="home" class="form-selectgroup-input" checked>
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                            <span>home</span>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="check-square" class="form-selectgroup-input" checked>
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                            <span>check-square</span>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="pie-chart" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                            <span>pie-chart</span>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="users" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
+                            <span>users</span>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="circle" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><circle cx="12" cy="12" r="10"></circle></svg>
+                            <span>circle</span>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="square" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon mr-1"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>
+                            <span>square</span>
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                    <div class="mt-4">
+                      <div class="form-selectgroup">
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="home" class="form-selectgroup-input" checked>
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="check-square" class="form-selectgroup-input" checked>
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="pie-chart" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="users" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="circle" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="12" cy="12" r="10"></circle></svg>
+                          </div>
+                        </label>
+                        <label class="form-selectgroup-item">
+                          <input type="checkbox" name="name" value="square" class="form-selectgroup-input">
+                          <div class="form-selectgroup-box">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect></svg>
+                          </div>
+                        </label>
+                      </div>
+                    </div>
+                    <div class="mt-4">
+                      <input type="checkbox" class="form-check-input" checked>
+                      <input type="radio" class="form-check-input" checked> lorem haha
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col">
                 <div class="card">
                   <div class="card-header">
                     <h3 class="card-title">
@@ -497,7 +633,7 @@
                       <dt class="col-5">Account:</dt>
                       <dd class="col-7">tabler</dd>
                       <dt class="col-5">Location:</dt>
-                      <dd class="col-7"><span class="flag flag-pl"></span>
+                      <dd class="col-7"><span class="flag flag-country-pl"></span>
                         Poland</dd>
                       <dt class="col-5">IP Address:</dt>
                       <dd class="col-7">46.113.11.3</dd>
@@ -515,9 +651,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/typography.html b/demo/typography.html
index 66eeeedc8..9a00f4101 100644
--- a/demo/typography.html
+++ b/demo/typography.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Typography - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -745,9 +751,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/demo/users.html b/demo/users.html
index f6c4baab2..d63fdb68d 100644
--- a/demo/users.html
+++ b/demo/users.html
@@ -25,18 +25,19 @@
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
     <title>Users list - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1578436289" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1578436289" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
   </head>
   <body class="antialiased">
     <div class="wrapper">
@@ -403,6 +404,11 @@
                         Progress
                       </a>
                     </li>
+                    <li >
+                      <a class="dropdown-item" href="./docs/payments.html" >
+                        Payments
+                      </a>
+                    </li>
                     <li >
                       <a class="dropdown-item" href="./docs/ribbons.html" >
                         Ribbons
@@ -1276,9 +1282,9 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578436289"></script>
-    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578436289"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1578436289"></script>
+    <script src="./dist/js/tabler.min.js?1578694044"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/css/tabler-buttons.css b/dist/css/tabler-buttons.css
index 089ed63e6..8b4ad7e96 100644
--- a/dist/css/tabler-buttons.css
+++ b/dist/css/tabler-buttons.css
@@ -25,28 +25,28 @@
     border-color: transparent; }
 
 .btn-ghost-secondary {
-  color: #8b929e;
+  color: #7e8590;
   background-color: transparent;
   border-color: transparent; }
   .btn-ghost-secondary:hover {
     color: #fff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
   .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
     color: #fff;
-    background-color: #8b929e;
-    border-color: #8b929e;
-    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+    background-color: #7e8590;
+    border-color: #7e8590;
+    box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-ghost-secondary:active, .btn-ghost-secondary.active,
   .show > .btn-ghost-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
     .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
     .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: transparent;
     border-color: transparent; }
 
diff --git a/dist/css/tabler-buttons.css.map b/dist/css/tabler-buttons.css.map
index b5af61ed67adcba5ad117cea648643fa33c2c0ec..57997a3deb519eed7d081ec81fd621f1624c5735 100644
GIT binary patch
delta 292
zcmZ40!F0TnX#+D8cdm1>v$d;piF1MTWPN5c`C{jMXKPOvW2XXVokAyPBd2_49al$3
zM{8G?3a1k1$rD(_B%x{wplb4gYJghOa-1hWR9BU8_6Ku4AO^U@^n1Fv0Ie|OP~eOJ
z%SQrv3ar|j)tJ|ZPZo%=Q7=iYDACO=ElEwWQpnA$&`?RrPpQ;R&d<p&(os-OOH0#H
zFf&oroct<ETC6BNDG^nHo}roMX1-`9#?3x4=LH1{@(c3IQj22pR3NO)?{Yu0Gg?gc
wEfb&IQOYy<d@1MTl1#P9F=ZT^f0c@`a2DsrC|M~O>X}a7T4}b~zv?z802x?c+yDRo

delta 217
zcmX@!$+W72X#+D8S7N%ewX1W6lcm#S17<UsbSDcZYfl#+ODCN|CueU9CmmNuM@MT{
z7q<-O$rD+`#GndXAqw2Us{KtTKU7zfcTNNIa)D-nH0J@0g6Q^iDFm4>prgQ@<qTGn
z?F{5AvTAQuXI>vJT9R5(qMKV<lA2<rppsscSgC7nU@+M-TACBWGchpOoE6Q)IQd$X
l&E}k#^Macz@{X}HnVU|wFB9K9vrL3#vTv2`<`-4>IRS;eLbw0`

diff --git a/dist/css/tabler-buttons.min.css b/dist/css/tabler-buttons.min.css
index 054d99db8..cfee916da 100644
--- a/dist/css/tabler-buttons.min.css
+++ b/dist/css/tabler-buttons.min.css
@@ -1,2 +1,2 @@
-.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#8b929e;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#8b929e;border-color:#8b929e;box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#8b929e;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
+.btn-ghost-primary{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-primary:hover{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.focus,.btn-ghost-primary:focus{color:#fff;background-color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.active,.btn-ghost-primary:active,.show>.btn-ghost-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-ghost-primary.active:focus,.btn-ghost-primary:active:focus,.show>.btn-ghost-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-ghost-primary.disabled,.btn-ghost-primary:disabled{color:#206bc4;background-color:transparent;border-color:transparent}.btn-ghost-secondary{color:#7e8590;background-color:transparent;border-color:transparent}.btn-ghost-secondary:hover{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-ghost-secondary.focus,.btn-ghost-secondary:focus{color:#fff;background-color:#7e8590;border-color:#7e8590;box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-ghost-secondary.active,.btn-ghost-secondary:active,.show>.btn-ghost-secondary.dropdown-toggle{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-ghost-secondary.active:focus,.btn-ghost-secondary:active:focus,.show>.btn-ghost-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-ghost-secondary.disabled,.btn-ghost-secondary:disabled{color:#7e8590;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-ghost-success.focus,.btn-ghost-success:focus{color:#fff;background-color:#5eba00;border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.active,.btn-ghost-success:active,.show>.btn-ghost-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-ghost-success.active:focus,.btn-ghost-success:active:focus,.show>.btn-ghost-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-ghost-success.disabled,.btn-ghost-success:disabled{color:#5eba00;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-ghost-info.focus,.btn-ghost-info:focus{color:#fff;background-color:#45aaf2;border-color:#45aaf2;box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.active,.btn-ghost-info:active,.show>.btn-ghost-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-ghost-info.active:focus,.btn-ghost-info:active:focus,.show>.btn-ghost-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-ghost-info.disabled,.btn-ghost-info:disabled{color:#45aaf2;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-ghost-warning.focus,.btn-ghost-warning:focus{color:#fff;background-color:#fab005;border-color:#fab005;box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.active,.btn-ghost-warning:active,.show>.btn-ghost-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-ghost-warning.active:focus,.btn-ghost-warning:active:focus,.show>.btn-ghost-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-ghost-warning.disabled,.btn-ghost-warning:disabled{color:#fab005;background-color:transparent;border-color:transparent}.btn-ghost-danger{color:#fa4654;background-color:transparent;border-color:transparent}.btn-ghost-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.focus,.btn-ghost-danger:focus{color:#fff;background-color:#fa4654;border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.active,.btn-ghost-danger:active,.show>.btn-ghost-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-ghost-danger.active:focus,.btn-ghost-danger:active:focus,.show>.btn-ghost-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-ghost-danger.disabled,.btn-ghost-danger:disabled{color:#fa4654;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-ghost-light.focus,.btn-ghost-light:focus{color:#fff;background-color:#f5f7fb;border-color:#f5f7fb;box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.active,.btn-ghost-light:active,.show>.btn-ghost-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-ghost-light.active:focus,.btn-ghost-light:active:focus,.show>.btn-ghost-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-ghost-light.disabled,.btn-ghost-light:disabled{color:#f5f7fb;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-ghost-dark.focus,.btn-ghost-dark:focus{color:#fff;background-color:#354052;border-color:#354052;box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.active,.btn-ghost-dark:active,.show>.btn-ghost-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-ghost-dark.active:focus,.btn-ghost-dark:active:focus,.show>.btn-ghost-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-ghost-dark.disabled,.btn-ghost-dark:disabled{color:#354052;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-facebook.focus,.btn-facebook:focus{color:#fff;background-color:#30497c;border-color:#2d4373;box-shadow:0 0 0 .2rem rgba(88,114,167,.5)}.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle{color:#fff;background-color:#2d4373;border-color:#293e6a}.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-facebook.focus,.btn-outline-facebook:focus{box-shadow:0 0 0 .2rem rgba(59,89,152,.5)}.btn-outline-facebook.active,.btn-outline-facebook:active,.show>.btn-outline-facebook.dropdown-toggle{color:#fff;background-color:#3b5998;border-color:#3b5998}.btn-outline-facebook.active:focus,.btn-outline-facebook:active:focus,.show>.btn-outline-facebook.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-twitter.focus,.btn-twitter:focus{color:#fff;background-color:#0d8ddc;border-color:#0c85d0;box-shadow:0 0 0 .2rem rgba(63,175,244,.5)}.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle{color:#fff;background-color:#0c85d0;border-color:#0b7ec4}.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-twitter.focus,.btn-outline-twitter:focus{box-shadow:0 0 0 .2rem rgba(29,161,242,.5)}.btn-outline-twitter.active,.btn-outline-twitter:active,.show>.btn-outline-twitter.dropdown-toggle{color:#fff;background-color:#1da1f2;border-color:#1da1f2}.btn-outline-twitter.active:focus,.btn-outline-twitter:active:focus,.show>.btn-outline-twitter.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-google.focus,.btn-google:focus{color:#fff;background-color:#d03526;border-color:#c63224;box-shadow:0 0 0 .2rem rgba(225,105,94,.5)}.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle{color:#fff;background-color:#c63224;border-color:#bb2f22}.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-google.focus,.btn-outline-google:focus{box-shadow:0 0 0 .2rem rgba(220,78,65,.5)}.btn-outline-google.active,.btn-outline-google:active,.show>.btn-outline-google.dropdown-toggle{color:#fff;background-color:#dc4e41;border-color:#dc4e41}.btn-outline-google.active:focus,.btn-outline-google:active:focus,.show>.btn-outline-google.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-youtube.focus,.btn-youtube:focus{color:#fff;background-color:#d90000;border-color:#c00;box-shadow:0 0 0 .2rem rgba(255,38,38,.5)}.btn-youtube.active,.btn-youtube:active,.show>.btn-youtube.dropdown-toggle{color:#fff;background-color:#c00;border-color:#bf0000}.btn-youtube.active:focus,.btn-youtube:active:focus,.show>.btn-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-youtube.focus,.btn-outline-youtube:focus{box-shadow:0 0 0 .2rem rgba(255,0,0,.5)}.btn-outline-youtube.active,.btn-outline-youtube:active,.show>.btn-outline-youtube.dropdown-toggle{color:#fff;background-color:red;border-color:red}.btn-outline-youtube.active:focus,.btn-outline-youtube:active:focus,.show>.btn-outline-youtube.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vimeo.focus,.btn-vimeo:focus{color:#fff;background-color:#139ecb;border-color:#1295bf;box-shadow:0 0 0 .2rem rgba(60,194,237,.5)}.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle{color:#fff;background-color:#1295bf;border-color:#108cb4}.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vimeo.focus,.btn-outline-vimeo:focus{box-shadow:0 0 0 .2rem rgba(26,183,234,.5)}.btn-outline-vimeo.active,.btn-outline-vimeo:active,.show>.btn-outline-vimeo.dropdown-toggle{color:#fff;background-color:#1ab7ea;border-color:#1ab7ea}.btn-outline-vimeo.active:focus,.btn-outline-vimeo:active:focus,.show>.btn-outline-vimeo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-dribbble.focus,.btn-dribbble:focus{color:#fff;background-color:#e62a72;border-color:#e51e6b;box-shadow:0 0 0 .2rem rgba(237,103,155,.5)}.btn-dribbble.active,.btn-dribbble:active,.show>.btn-dribbble.dropdown-toggle{color:#fff;background-color:#e51e6b;border-color:#dc1a65}.btn-dribbble.active:focus,.btn-dribbble:active:focus,.show>.btn-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dribbble.focus,.btn-outline-dribbble:focus{box-shadow:0 0 0 .2rem rgba(234,76,137,.5)}.btn-outline-dribbble.active,.btn-outline-dribbble:active,.show>.btn-outline-dribbble.dropdown-toggle{color:#fff;background-color:#ea4c89;border-color:#ea4c89}.btn-outline-dribbble.active:focus,.btn-outline-dribbble:active:focus,.show>.btn-outline-dribbble.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-github.focus,.btn-github:focus{color:#fff;background-color:#040404;border-color:#000;box-shadow:0 0 0 .2rem rgba(59,58,58,.5)}.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle{color:#fff;background-color:#000;border-color:#000}.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-github.focus,.btn-outline-github:focus{box-shadow:0 0 0 .2rem rgba(24,23,23,.5)}.btn-outline-github.active,.btn-outline-github:active,.show>.btn-outline-github.dropdown-toggle{color:#fff;background-color:#181717;border-color:#181717}.btn-outline-github.active:focus,.btn-outline-github:active:focus,.show>.btn-outline-github.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-instagram.focus,.btn-instagram:focus{color:#fff;background-color:#de1f44;border-color:#d31e40;box-shadow:0 0 0 .2rem rgba(232,93,119,.5)}.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle{color:#fff;background-color:#d31e40;border-color:#c81c3d}.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-instagram.focus,.btn-outline-instagram:focus{box-shadow:0 0 0 .2rem rgba(228,64,95,.5)}.btn-outline-instagram.active,.btn-outline-instagram:active,.show>.btn-outline-instagram.dropdown-toggle{color:#fff;background-color:#e4405f;border-color:#e4405f}.btn-outline-instagram.active:focus,.btn-outline-instagram:active:focus,.show>.btn-outline-instagram.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pinterest.focus,.btn-pinterest:focus{color:#fff;background-color:#980617;border-color:#8c0615;box-shadow:0 0 0 .2rem rgba(199,45,62,.5)}.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle{color:#fff;background-color:#8c0615;border-color:#800513}.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pinterest.focus,.btn-outline-pinterest:focus{box-shadow:0 0 0 .2rem rgba(189,8,28,.5)}.btn-outline-pinterest.active,.btn-outline-pinterest:active,.show>.btn-outline-pinterest.dropdown-toggle{color:#fff;background-color:#bd081c;border-color:#bd081c}.btn-outline-pinterest.active:focus,.btn-outline-pinterest:active:focus,.show>.btn-outline-pinterest.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-vk.focus,.btn-vk:focus{color:#fff;background-color:#527093;border-color:#4d6a8b;box-shadow:0 0 0 .2rem rgba(122,150,181,.5)}.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle{color:#fff;background-color:#4d6a8b;border-color:#496482}.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-vk.focus,.btn-outline-vk:focus{box-shadow:0 0 0 .2rem rgba(99,131,168,.5)}.btn-outline-vk.active,.btn-outline-vk:active,.show>.btn-outline-vk.dropdown-toggle{color:#fff;background-color:#6383a8;border-color:#6383a8}.btn-outline-vk.active:focus,.btn-outline-vk:active:focus,.show>.btn-outline-vk.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-rss.focus,.btn-rss:focus{color:#fff;background-color:#d98c00;border-color:#cc8400;box-shadow:0 0 0 .2rem rgba(255,179,38,.5)}.btn-rss.active,.btn-rss:active,.show>.btn-rss.dropdown-toggle{color:#fff;background-color:#cc8400;border-color:#bf7c00}.btn-rss.active:focus,.btn-rss:active:focus,.show>.btn-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-rss.focus,.btn-outline-rss:focus{box-shadow:0 0 0 .2rem rgba(255,165,0,.5)}.btn-outline-rss.active,.btn-outline-rss:active,.show>.btn-outline-rss.dropdown-toggle{color:#fff;background-color:orange;border-color:orange}.btn-outline-rss.active:focus,.btn-outline-rss:active:focus,.show>.btn-outline-rss.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-flickr.focus,.btn-flickr:focus{color:#fff;background-color:#0052b6;border-color:#004ca9;box-shadow:0 0 0 .2rem rgba(38,122,225,.5)}.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle{color:#fff;background-color:#004ca9;border-color:#00469c}.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-flickr.focus,.btn-outline-flickr:focus{box-shadow:0 0 0 .2rem rgba(0,99,220,.5)}.btn-outline-flickr.active,.btn-outline-flickr:active,.show>.btn-outline-flickr.dropdown-toggle{color:#fff;background-color:#0063dc;border-color:#0063dc}.btn-outline-flickr.active:focus,.btn-outline-flickr:active:focus,.show>.btn-outline-flickr.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-bitbucket:focus{color:#fff;background-color:#0043a6;border-color:#003e99;box-shadow:0 0 0 .2rem rgba(38,108,212,.5)}.btn-bitbucket.active,.btn-bitbucket:active,.show>.btn-bitbucket.dropdown-toggle{color:#fff;background-color:#003e99;border-color:#00388c}.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.show>.btn-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-bitbucket.focus,.btn-outline-bitbucket:focus{box-shadow:0 0 0 .2rem rgba(0,82,204,.5)}.btn-outline-bitbucket.active,.btn-outline-bitbucket:active,.show>.btn-outline-bitbucket.dropdown-toggle{color:#fff;background-color:#0052cc;border-color:#0052cc}.btn-outline-bitbucket.active:focus,.btn-outline-bitbucket:active:focus,.show>.btn-outline-bitbucket.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-tabler.focus,.btn-tabler:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-tabler.active,.btn-tabler:active,.show>.btn-tabler.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-tabler.active:focus,.btn-tabler:active:focus,.show>.btn-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-tabler.focus,.btn-outline-tabler:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-tabler.active,.btn-outline-tabler:active,.show>.btn-outline-tabler.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-tabler.active:focus,.btn-outline-tabler:active:focus,.show>.btn-outline-tabler.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-blue:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-blue.active,.btn-blue:active,.show>.btn-blue.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-blue.active:focus,.btn-blue:active:focus,.show>.btn-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-blue.focus,.btn-outline-blue:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.active,.btn-outline-blue:active,.show>.btn-outline-blue.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-blue.active:focus,.btn-outline-blue:active:focus,.show>.btn-outline-blue.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-blue.disabled,.btn-outline-blue:disabled{color:#206bc4;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-indigo.focus,.btn-indigo:focus{color:#fff;background-color:#485ac4;border-color:#3f51c1;box-shadow:0 0 0 .2rem rgba(124,137,213,.5)}.btn-indigo.active,.btn-indigo:active,.show>.btn-indigo.dropdown-toggle{color:#fff;background-color:#3f51c1;border-color:#3b4db7}.btn-indigo.active:focus,.btn-indigo:active:focus,.show>.btn-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-indigo.focus,.btn-outline-indigo:focus{box-shadow:0 0 0 .2rem rgba(101,116,205,.5)}.btn-outline-indigo.active,.btn-outline-indigo:active,.show>.btn-outline-indigo.dropdown-toggle{color:#fff;background-color:#6574cd;border-color:#6574cd}.btn-outline-indigo.active:focus,.btn-outline-indigo:active:focus,.show>.btn-outline-indigo.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-purple.focus,.btn-purple:focus{color:#fff;background-color:#923ce6;border-color:#8c31e4;box-shadow:0 0 0 .2rem rgba(179,118,237,.5)}.btn-purple.active,.btn-purple:active,.show>.btn-purple.dropdown-toggle{color:#fff;background-color:#8c31e4;border-color:#8526e3}.btn-purple.active:focus,.btn-purple:active:focus,.show>.btn-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-purple.focus,.btn-outline-purple:focus{box-shadow:0 0 0 .2rem rgba(165,94,234,.5)}.btn-outline-purple.active,.btn-outline-purple:active,.show>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#a55eea;border-color:#a55eea}.btn-outline-purple.active:focus,.btn-outline-purple:active:focus,.show>.btn-outline-purple.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-pink.focus,.btn-pink:focus{color:#fff;background-color:#f44982;border-color:#f33d7a;box-shadow:0 0 0 .2rem rgba(247,131,170,.5)}.btn-pink.active,.btn-pink:active,.show>.btn-pink.dropdown-toggle{color:#fff;background-color:#f33d7a;border-color:#f23172}.btn-pink.active:focus,.btn-pink:active:focus,.show>.btn-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-pink.focus,.btn-outline-pink:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.active,.btn-outline-pink:active,.show>.btn-outline-pink.dropdown-toggle{color:#fff;background-color:#f66d9b;border-color:#f66d9b}.btn-outline-pink.active:focus,.btn-outline-pink:active:focus,.show>.btn-outline-pink.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(246,109,155,.5)}.btn-outline-pink.disabled,.btn-outline-pink:disabled{color:#f66d9b;background-color:transparent}.btn-red{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-red:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-red.focus,.btn-red:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.active,.btn-red:active,.show>.btn-red.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-red.active:focus,.btn-red:active:focus,.show>.btn-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-red.disabled,.btn-red:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red{color:#fa4654;border-color:#fa4654}.btn-outline-red:hover{color:#fa4654;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.focus,.btn-outline-red:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.active,.btn-outline-red:active,.show>.btn-outline-red.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-red.active:focus,.btn-outline-red:active:focus,.show>.btn-outline-red.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-red.disabled,.btn-outline-red:disabled{color:#fa4654;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-orange.focus,.btn-orange:focus{color:#fff;background-color:#ff7e05;border-color:#f77800;box-shadow:0 0 0 .2rem rgba(255,162,75,.5)}.btn-orange.active,.btn-orange:active,.show>.btn-orange.dropdown-toggle{color:#fff;background-color:#f77800;border-color:#ea7200}.btn-orange.active:focus,.btn-orange:active:focus,.show>.btn-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-orange.focus,.btn-outline-orange:focus{box-shadow:0 0 0 .2rem rgba(255,146,43,.5)}.btn-outline-orange.active,.btn-outline-orange:active,.show>.btn-outline-orange.dropdown-toggle{color:#fff;background-color:#ff922b;border-color:#ff922b}.btn-outline-orange.active:focus,.btn-outline-orange:active:focus,.show>.btn-outline-orange.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-yellow.focus,.btn-yellow:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-yellow.active,.btn-yellow:active,.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-yellow.active:focus,.btn-yellow:active:focus,.show>.btn-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-yellow.focus,.btn-outline-yellow:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.active,.btn-outline-yellow:active,.show>.btn-outline-yellow.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-yellow.active:focus,.btn-outline-yellow:active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-yellow.disabled,.btn-outline-yellow:disabled{color:#fab005;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-green.focus,.btn-green:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-green.active,.btn-green:active,.show>.btn-green.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-green.active:focus,.btn-green:active:focus,.show>.btn-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-green.focus,.btn-outline-green:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-green.active,.btn-outline-green:active,.show>.btn-outline-green.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-green.active:focus,.btn-outline-green:active:focus,.show>.btn-outline-green.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-teal.focus,.btn-teal:focus{color:#fff;background-color:#24ab9d;border-color:#22a193;box-shadow:0 0 0 .2rem rgba(75,211,196,.5)}.btn-teal.active,.btn-teal:active,.show>.btn-teal.dropdown-toggle{color:#fff;background-color:#22a193;border-color:#20968a}.btn-teal.active:focus,.btn-teal:active:focus,.show>.btn-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-teal.focus,.btn-outline-teal:focus{box-shadow:0 0 0 .2rem rgba(43,203,186,.5)}.btn-outline-teal.active,.btn-outline-teal:active,.show>.btn-outline-teal.dropdown-toggle{color:#fff;background-color:#2bcbba;border-color:#2bcbba}.btn-outline-teal.active:focus,.btn-outline-teal:active:focus,.show>.btn-outline-teal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-cyan.focus,.btn-cyan:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-cyan.active,.btn-cyan:active,.show>.btn-cyan.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-cyan.active:focus,.btn-cyan:active:focus,.show>.btn-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-cyan.focus,.btn-outline-cyan:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.active,.btn-outline-cyan:active,.show>.btn-outline-cyan.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-cyan.active:focus,.btn-outline-cyan:active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-cyan.disabled,.btn-outline-cyan:disabled{color:#17a2b8;background-color:transparent}.btn-white{color:#354052;background-color:#fff;border-color:#fff}.btn-white:hover{color:#354052;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{color:#354052;background-color:#ececec;border-color:#e6e6e6;box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.active,.btn-white:active,.show>.btn-white.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white.active:focus,.btn-white:active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,226,229,.5)}.btn-white.disabled,.btn-white:disabled{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#fff;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.active,.btn-outline-white:active,.show>.btn-outline-white.dropdown-toggle{color:#354052;background-color:#fff;border-color:#fff}.btn-outline-white.active:focus,.btn-outline-white:active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-gray{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-gray:hover{color:#fff;background-color:#999fab;border-color:#9299a5}.btn-gray.focus,.btn-gray:focus{color:#fff;background-color:#999fab;border-color:#9299a5;box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.active,.btn-gray:active,.show>.btn-gray.dropdown-toggle{color:#fff;background-color:#9299a5;border-color:#8b929f}.btn-gray.active:focus,.btn-gray:active:focus,.show>.btn-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(186,190,198,.5)}.btn-gray.disabled,.btn-gray:disabled{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray{color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray:hover{color:#aeb3bc;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.focus,.btn-outline-gray:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.active,.btn-outline-gray:active,.show>.btn-outline-gray.dropdown-toggle{color:#fff;background-color:#aeb3bc;border-color:#aeb3bc}.btn-outline-gray.active:focus,.btn-outline-gray:active:focus,.show>.btn-outline-gray.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(174,179,188,.5)}.btn-outline-gray.disabled,.btn-outline-gray:disabled{color:#aeb3bc;background-color:transparent}.btn-gray-dark{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-gray-dark:hover{color:#fff;background-color:#4e5562;border-color:#484f5b}.btn-gray-dark.focus,.btn-gray-dark:focus{color:#fff;background-color:#4e5562;border-color:#484f5b;box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.active,.btn-gray-dark:active,.show>.btn-gray-dark.dropdown-toggle{color:#fff;background-color:#484f5b;border-color:#434954}.btn-gray-dark.active:focus,.btn-gray-dark:active:focus,.show>.btn-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,127,139,.5)}.btn-gray-dark.disabled,.btn-gray-dark:disabled{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark{color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark:hover{color:#5f6877;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.focus,.btn-outline-gray-dark:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.active,.btn-outline-gray-dark:active,.show>.btn-outline-gray-dark.dropdown-toggle{color:#fff;background-color:#5f6877;border-color:#5f6877}.btn-outline-gray-dark.active:focus,.btn-outline-gray-dark:active:focus,.show>.btn-outline-gray-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(95,104,119,.5)}.btn-outline-gray-dark.disabled,.btn-outline-gray-dark:disabled{color:#5f6877;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-azure:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-azure.active,.btn-azure:active,.show>.btn-azure.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-azure.active:focus,.btn-azure:active:focus,.show>.btn-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-azure.focus,.btn-outline-azure:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.active,.btn-outline-azure:active,.show>.btn-outline-azure.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-azure.active:focus,.btn-outline-azure:active:focus,.show>.btn-outline-azure.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-azure.disabled,.btn-outline-azure:disabled{color:#45aaf2;background-color:transparent}.btn-lime{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-lime:hover{color:#fff;background-color:#69b829;border-color:#63ad27}.btn-lime.focus,.btn-lime:focus{color:#fff;background-color:#69b829;border-color:#63ad27;box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.active,.btn-lime:active,.show>.btn-lime.dropdown-toggle{color:#fff;background-color:#63ad27;border-color:#5da324}.btn-lime.active:focus,.btn-lime:active:focus,.show>.btn-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(143,217,83,.5)}.btn-lime.disabled,.btn-lime:disabled{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime{color:#7bd235;border-color:#7bd235}.btn-outline-lime:hover{color:#7bd235;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.focus,.btn-outline-lime:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.active,.btn-outline-lime:active,.show>.btn-outline-lime.dropdown-toggle{color:#fff;background-color:#7bd235;border-color:#7bd235}.btn-outline-lime.active:focus,.btn-outline-lime:active:focus,.show>.btn-outline-lime.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(123,210,53,.5)}.btn-outline-lime.disabled,.btn-outline-lime:disabled{color:#7bd235;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#354052;background-color:transparent}
 /*# sourceMappingURL=tabler-buttons.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-buttons.min.css.map b/dist/css/tabler-buttons.min.css.map
index c8a7c7146abf6e10b2644fca03a7fe2430ca4d5e..fc83c32b9756157de9597e8fe9f5590440883c85 100644
GIT binary patch
delta 179
zcmaFV!1}0xb%RPen|Z2*sinc>`sAR=8#1^ix1}4gf`uj@JSYy6RLqi@{4L!NLt^?z
z6Gk;2BQqTZLt|qgVPY~}P?=G9@`4IhpkaLo^-z{zuGr*r861;qGbiEH#WmSB%N%BL
R;{w&m1*L|YFJw)+3ILt-I^h5S

delta 173
zcmaFV!1}0xb%RPen?;hPk!9-S`sAR=8#1^ix1}4wgalK>U`)j<naSVM{a{>#%=C{Y
zjB4D*mO2WCCT2jwbh>~tqsZh16|6wh`Y_c`PRLx3OF7qM+bnaKmc|9DlM6}>H($t_
GbQJ((LpHMj

diff --git a/dist/css/tabler-flags.css b/dist/css/tabler-flags.css
index b4c0880b3..c7db72240 100644
--- a/dist/css/tabler-flags.css
+++ b/dist/css/tabler-flags.css
@@ -13,786 +13,786 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
-.flag-ad {
+.flag-country-ad {
   background-image: url("../img/flags/ad.svg"); }
 
-.flag-ae {
+.flag-country-ae {
   background-image: url("../img/flags/ae.svg"); }
 
-.flag-af {
+.flag-country-af {
   background-image: url("../img/flags/af.svg"); }
 
-.flag-ag {
+.flag-country-ag {
   background-image: url("../img/flags/ag.svg"); }
 
-.flag-ai {
+.flag-country-ai {
   background-image: url("../img/flags/ai.svg"); }
 
-.flag-al {
+.flag-country-al {
   background-image: url("../img/flags/al.svg"); }
 
-.flag-am {
+.flag-country-am {
   background-image: url("../img/flags/am.svg"); }
 
-.flag-ao {
+.flag-country-ao {
   background-image: url("../img/flags/ao.svg"); }
 
-.flag-aq {
+.flag-country-aq {
   background-image: url("../img/flags/aq.svg"); }
 
-.flag-ar {
+.flag-country-ar {
   background-image: url("../img/flags/ar.svg"); }
 
-.flag-as {
+.flag-country-as {
   background-image: url("../img/flags/as.svg"); }
 
-.flag-at {
+.flag-country-at {
   background-image: url("../img/flags/at.svg"); }
 
-.flag-au {
+.flag-country-au {
   background-image: url("../img/flags/au.svg"); }
 
-.flag-aw {
+.flag-country-aw {
   background-image: url("../img/flags/aw.svg"); }
 
-.flag-ax {
+.flag-country-ax {
   background-image: url("../img/flags/ax.svg"); }
 
-.flag-az {
+.flag-country-az {
   background-image: url("../img/flags/az.svg"); }
 
-.flag-ba {
+.flag-country-ba {
   background-image: url("../img/flags/ba.svg"); }
 
-.flag-bb {
+.flag-country-bb {
   background-image: url("../img/flags/bb.svg"); }
 
-.flag-bd {
+.flag-country-bd {
   background-image: url("../img/flags/bd.svg"); }
 
-.flag-be {
+.flag-country-be {
   background-image: url("../img/flags/be.svg"); }
 
-.flag-bf {
+.flag-country-bf {
   background-image: url("../img/flags/bf.svg"); }
 
-.flag-bg {
+.flag-country-bg {
   background-image: url("../img/flags/bg.svg"); }
 
-.flag-bh {
+.flag-country-bh {
   background-image: url("../img/flags/bh.svg"); }
 
-.flag-bi {
+.flag-country-bi {
   background-image: url("../img/flags/bi.svg"); }
 
-.flag-bj {
+.flag-country-bj {
   background-image: url("../img/flags/bj.svg"); }
 
-.flag-bl {
+.flag-country-bl {
   background-image: url("../img/flags/bl.svg"); }
 
-.flag-bm {
+.flag-country-bm {
   background-image: url("../img/flags/bm.svg"); }
 
-.flag-bn {
+.flag-country-bn {
   background-image: url("../img/flags/bn.svg"); }
 
-.flag-bo {
+.flag-country-bo {
   background-image: url("../img/flags/bo.svg"); }
 
-.flag-bq {
+.flag-country-bq {
   background-image: url("../img/flags/bq.svg"); }
 
-.flag-br {
+.flag-country-br {
   background-image: url("../img/flags/br.svg"); }
 
-.flag-bs {
+.flag-country-bs {
   background-image: url("../img/flags/bs.svg"); }
 
-.flag-bt {
+.flag-country-bt {
   background-image: url("../img/flags/bt.svg"); }
 
-.flag-bv {
+.flag-country-bv {
   background-image: url("../img/flags/bv.svg"); }
 
-.flag-bw {
+.flag-country-bw {
   background-image: url("../img/flags/bw.svg"); }
 
-.flag-by {
+.flag-country-by {
   background-image: url("../img/flags/by.svg"); }
 
-.flag-bz {
+.flag-country-bz {
   background-image: url("../img/flags/bz.svg"); }
 
-.flag-ca {
+.flag-country-ca {
   background-image: url("../img/flags/ca.svg"); }
 
-.flag-cc {
+.flag-country-cc {
   background-image: url("../img/flags/cc.svg"); }
 
-.flag-cd {
+.flag-country-cd {
   background-image: url("../img/flags/cd.svg"); }
 
-.flag-cf {
+.flag-country-cf {
   background-image: url("../img/flags/cf.svg"); }
 
-.flag-cg {
+.flag-country-cg {
   background-image: url("../img/flags/cg.svg"); }
 
-.flag-ch {
+.flag-country-ch {
   background-image: url("../img/flags/ch.svg"); }
 
-.flag-ci {
+.flag-country-ci {
   background-image: url("../img/flags/ci.svg"); }
 
-.flag-ck {
+.flag-country-ck {
   background-image: url("../img/flags/ck.svg"); }
 
-.flag-cl {
+.flag-country-cl {
   background-image: url("../img/flags/cl.svg"); }
 
-.flag-cm {
+.flag-country-cm {
   background-image: url("../img/flags/cm.svg"); }
 
-.flag-cn {
+.flag-country-cn {
   background-image: url("../img/flags/cn.svg"); }
 
-.flag-co {
+.flag-country-co {
   background-image: url("../img/flags/co.svg"); }
 
-.flag-cr {
+.flag-country-cr {
   background-image: url("../img/flags/cr.svg"); }
 
-.flag-cu {
+.flag-country-cu {
   background-image: url("../img/flags/cu.svg"); }
 
-.flag-cv {
+.flag-country-cv {
   background-image: url("../img/flags/cv.svg"); }
 
-.flag-cw {
+.flag-country-cw {
   background-image: url("../img/flags/cw.svg"); }
 
-.flag-cx {
+.flag-country-cx {
   background-image: url("../img/flags/cx.svg"); }
 
-.flag-cy {
+.flag-country-cy {
   background-image: url("../img/flags/cy.svg"); }
 
-.flag-cz {
+.flag-country-cz {
   background-image: url("../img/flags/cz.svg"); }
 
-.flag-de {
+.flag-country-de {
   background-image: url("../img/flags/de.svg"); }
 
-.flag-dj {
+.flag-country-dj {
   background-image: url("../img/flags/dj.svg"); }
 
-.flag-dk {
+.flag-country-dk {
   background-image: url("../img/flags/dk.svg"); }
 
-.flag-dm {
+.flag-country-dm {
   background-image: url("../img/flags/dm.svg"); }
 
-.flag-do {
+.flag-country-do {
   background-image: url("../img/flags/do.svg"); }
 
-.flag-dz {
+.flag-country-dz {
   background-image: url("../img/flags/dz.svg"); }
 
-.flag-ec {
+.flag-country-ec {
   background-image: url("../img/flags/ec.svg"); }
 
-.flag-ee {
+.flag-country-ee {
   background-image: url("../img/flags/ee.svg"); }
 
-.flag-eg {
+.flag-country-eg {
   background-image: url("../img/flags/eg.svg"); }
 
-.flag-eh {
+.flag-country-eh {
   background-image: url("../img/flags/eh.svg"); }
 
-.flag-er {
+.flag-country-er {
   background-image: url("../img/flags/er.svg"); }
 
-.flag-es {
+.flag-country-es {
   background-image: url("../img/flags/es.svg"); }
 
-.flag-et {
+.flag-country-et {
   background-image: url("../img/flags/et.svg"); }
 
-.flag-fi {
+.flag-country-fi {
   background-image: url("../img/flags/fi.svg"); }
 
-.flag-fj {
+.flag-country-fj {
   background-image: url("../img/flags/fj.svg"); }
 
-.flag-fk {
+.flag-country-fk {
   background-image: url("../img/flags/fk.svg"); }
 
-.flag-fm {
+.flag-country-fm {
   background-image: url("../img/flags/fm.svg"); }
 
-.flag-fo {
+.flag-country-fo {
   background-image: url("../img/flags/fo.svg"); }
 
-.flag-fr {
+.flag-country-fr {
   background-image: url("../img/flags/fr.svg"); }
 
-.flag-ga {
+.flag-country-ga {
   background-image: url("../img/flags/ga.svg"); }
 
-.flag-gb {
+.flag-country-gb {
   background-image: url("../img/flags/gb.svg"); }
 
-.flag-gd {
+.flag-country-gd {
   background-image: url("../img/flags/gd.svg"); }
 
-.flag-ge {
+.flag-country-ge {
   background-image: url("../img/flags/ge.svg"); }
 
-.flag-gf {
+.flag-country-gf {
   background-image: url("../img/flags/gf.svg"); }
 
-.flag-gg {
+.flag-country-gg {
   background-image: url("../img/flags/gg.svg"); }
 
-.flag-gh {
+.flag-country-gh {
   background-image: url("../img/flags/gh.svg"); }
 
-.flag-gi {
+.flag-country-gi {
   background-image: url("../img/flags/gi.svg"); }
 
-.flag-gl {
+.flag-country-gl {
   background-image: url("../img/flags/gl.svg"); }
 
-.flag-gm {
+.flag-country-gm {
   background-image: url("../img/flags/gm.svg"); }
 
-.flag-gn {
+.flag-country-gn {
   background-image: url("../img/flags/gn.svg"); }
 
-.flag-gp {
+.flag-country-gp {
   background-image: url("../img/flags/gp.svg"); }
 
-.flag-gq {
+.flag-country-gq {
   background-image: url("../img/flags/gq.svg"); }
 
-.flag-gr {
+.flag-country-gr {
   background-image: url("../img/flags/gr.svg"); }
 
-.flag-gs {
+.flag-country-gs {
   background-image: url("../img/flags/gs.svg"); }
 
-.flag-gt {
+.flag-country-gt {
   background-image: url("../img/flags/gt.svg"); }
 
-.flag-gu {
+.flag-country-gu {
   background-image: url("../img/flags/gu.svg"); }
 
-.flag-gw {
+.flag-country-gw {
   background-image: url("../img/flags/gw.svg"); }
 
-.flag-gy {
+.flag-country-gy {
   background-image: url("../img/flags/gy.svg"); }
 
-.flag-hk {
+.flag-country-hk {
   background-image: url("../img/flags/hk.svg"); }
 
-.flag-hm {
+.flag-country-hm {
   background-image: url("../img/flags/hm.svg"); }
 
-.flag-hn {
+.flag-country-hn {
   background-image: url("../img/flags/hn.svg"); }
 
-.flag-hr {
+.flag-country-hr {
   background-image: url("../img/flags/hr.svg"); }
 
-.flag-ht {
+.flag-country-ht {
   background-image: url("../img/flags/ht.svg"); }
 
-.flag-hu {
+.flag-country-hu {
   background-image: url("../img/flags/hu.svg"); }
 
-.flag-id {
+.flag-country-id {
   background-image: url("../img/flags/id.svg"); }
 
-.flag-ie {
+.flag-country-ie {
   background-image: url("../img/flags/ie.svg"); }
 
-.flag-il {
+.flag-country-il {
   background-image: url("../img/flags/il.svg"); }
 
-.flag-im {
+.flag-country-im {
   background-image: url("../img/flags/im.svg"); }
 
-.flag-in {
+.flag-country-in {
   background-image: url("../img/flags/in.svg"); }
 
-.flag-io {
+.flag-country-io {
   background-image: url("../img/flags/io.svg"); }
 
-.flag-iq {
+.flag-country-iq {
   background-image: url("../img/flags/iq.svg"); }
 
-.flag-ir {
+.flag-country-ir {
   background-image: url("../img/flags/ir.svg"); }
 
-.flag-is {
+.flag-country-is {
   background-image: url("../img/flags/is.svg"); }
 
-.flag-it {
+.flag-country-it {
   background-image: url("../img/flags/it.svg"); }
 
-.flag-je {
+.flag-country-je {
   background-image: url("../img/flags/je.svg"); }
 
-.flag-jm {
+.flag-country-jm {
   background-image: url("../img/flags/jm.svg"); }
 
-.flag-jo {
+.flag-country-jo {
   background-image: url("../img/flags/jo.svg"); }
 
-.flag-jp {
+.flag-country-jp {
   background-image: url("../img/flags/jp.svg"); }
 
-.flag-ke {
+.flag-country-ke {
   background-image: url("../img/flags/ke.svg"); }
 
-.flag-kg {
+.flag-country-kg {
   background-image: url("../img/flags/kg.svg"); }
 
-.flag-kh {
+.flag-country-kh {
   background-image: url("../img/flags/kh.svg"); }
 
-.flag-ki {
+.flag-country-ki {
   background-image: url("../img/flags/ki.svg"); }
 
-.flag-km {
+.flag-country-km {
   background-image: url("../img/flags/km.svg"); }
 
-.flag-kn {
+.flag-country-kn {
   background-image: url("../img/flags/kn.svg"); }
 
-.flag-kp {
+.flag-country-kp {
   background-image: url("../img/flags/kp.svg"); }
 
-.flag-kr {
+.flag-country-kr {
   background-image: url("../img/flags/kr.svg"); }
 
-.flag-kw {
+.flag-country-kw {
   background-image: url("../img/flags/kw.svg"); }
 
-.flag-ky {
+.flag-country-ky {
   background-image: url("../img/flags/ky.svg"); }
 
-.flag-kz {
+.flag-country-kz {
   background-image: url("../img/flags/kz.svg"); }
 
-.flag-la {
+.flag-country-la {
   background-image: url("../img/flags/la.svg"); }
 
-.flag-lb {
+.flag-country-lb {
   background-image: url("../img/flags/lb.svg"); }
 
-.flag-lc {
+.flag-country-lc {
   background-image: url("../img/flags/lc.svg"); }
 
-.flag-li {
+.flag-country-li {
   background-image: url("../img/flags/li.svg"); }
 
-.flag-lk {
+.flag-country-lk {
   background-image: url("../img/flags/lk.svg"); }
 
-.flag-lr {
+.flag-country-lr {
   background-image: url("../img/flags/lr.svg"); }
 
-.flag-ls {
+.flag-country-ls {
   background-image: url("../img/flags/ls.svg"); }
 
-.flag-lt {
+.flag-country-lt {
   background-image: url("../img/flags/lt.svg"); }
 
-.flag-lu {
+.flag-country-lu {
   background-image: url("../img/flags/lu.svg"); }
 
-.flag-lv {
+.flag-country-lv {
   background-image: url("../img/flags/lv.svg"); }
 
-.flag-ly {
+.flag-country-ly {
   background-image: url("../img/flags/ly.svg"); }
 
-.flag-ma {
+.flag-country-ma {
   background-image: url("../img/flags/ma.svg"); }
 
-.flag-mc {
+.flag-country-mc {
   background-image: url("../img/flags/mc.svg"); }
 
-.flag-md {
+.flag-country-md {
   background-image: url("../img/flags/md.svg"); }
 
-.flag-me {
+.flag-country-me {
   background-image: url("../img/flags/me.svg"); }
 
-.flag-mf {
+.flag-country-mf {
   background-image: url("../img/flags/mf.svg"); }
 
-.flag-mg {
+.flag-country-mg {
   background-image: url("../img/flags/mg.svg"); }
 
-.flag-mh {
+.flag-country-mh {
   background-image: url("../img/flags/mh.svg"); }
 
-.flag-mk {
+.flag-country-mk {
   background-image: url("../img/flags/mk.svg"); }
 
-.flag-ml {
+.flag-country-ml {
   background-image: url("../img/flags/ml.svg"); }
 
-.flag-mm {
+.flag-country-mm {
   background-image: url("../img/flags/mm.svg"); }
 
-.flag-mn {
+.flag-country-mn {
   background-image: url("../img/flags/mn.svg"); }
 
-.flag-mo {
+.flag-country-mo {
   background-image: url("../img/flags/mo.svg"); }
 
-.flag-mp {
+.flag-country-mp {
   background-image: url("../img/flags/mp.svg"); }
 
-.flag-mq {
+.flag-country-mq {
   background-image: url("../img/flags/mq.svg"); }
 
-.flag-mr {
+.flag-country-mr {
   background-image: url("../img/flags/mr.svg"); }
 
-.flag-ms {
+.flag-country-ms {
   background-image: url("../img/flags/ms.svg"); }
 
-.flag-mt {
+.flag-country-mt {
   background-image: url("../img/flags/mt.svg"); }
 
-.flag-mu {
+.flag-country-mu {
   background-image: url("../img/flags/mu.svg"); }
 
-.flag-mv {
+.flag-country-mv {
   background-image: url("../img/flags/mv.svg"); }
 
-.flag-mw {
+.flag-country-mw {
   background-image: url("../img/flags/mw.svg"); }
 
-.flag-mx {
+.flag-country-mx {
   background-image: url("../img/flags/mx.svg"); }
 
-.flag-my {
+.flag-country-my {
   background-image: url("../img/flags/my.svg"); }
 
-.flag-mz {
+.flag-country-mz {
   background-image: url("../img/flags/mz.svg"); }
 
-.flag-na {
+.flag-country-na {
   background-image: url("../img/flags/na.svg"); }
 
-.flag-nc {
+.flag-country-nc {
   background-image: url("../img/flags/nc.svg"); }
 
-.flag-ne {
+.flag-country-ne {
   background-image: url("../img/flags/ne.svg"); }
 
-.flag-nf {
+.flag-country-nf {
   background-image: url("../img/flags/nf.svg"); }
 
-.flag-ng {
+.flag-country-ng {
   background-image: url("../img/flags/ng.svg"); }
 
-.flag-ni {
+.flag-country-ni {
   background-image: url("../img/flags/ni.svg"); }
 
-.flag-nl {
+.flag-country-nl {
   background-image: url("../img/flags/nl.svg"); }
 
-.flag-no {
+.flag-country-no {
   background-image: url("../img/flags/no.svg"); }
 
-.flag-np {
+.flag-country-np {
   background-image: url("../img/flags/np.svg"); }
 
-.flag-nr {
+.flag-country-nr {
   background-image: url("../img/flags/nr.svg"); }
 
-.flag-nu {
+.flag-country-nu {
   background-image: url("../img/flags/nu.svg"); }
 
-.flag-nz {
+.flag-country-nz {
   background-image: url("../img/flags/nz.svg"); }
 
-.flag-om {
+.flag-country-om {
   background-image: url("../img/flags/om.svg"); }
 
-.flag-pa {
+.flag-country-pa {
   background-image: url("../img/flags/pa.svg"); }
 
-.flag-pe {
+.flag-country-pe {
   background-image: url("../img/flags/pe.svg"); }
 
-.flag-pf {
+.flag-country-pf {
   background-image: url("../img/flags/pf.svg"); }
 
-.flag-pg {
+.flag-country-pg {
   background-image: url("../img/flags/pg.svg"); }
 
-.flag-ph {
+.flag-country-ph {
   background-image: url("../img/flags/ph.svg"); }
 
-.flag-pk {
+.flag-country-pk {
   background-image: url("../img/flags/pk.svg"); }
 
-.flag-pl {
+.flag-country-pl {
   background-image: url("../img/flags/pl.svg"); }
 
-.flag-pm {
+.flag-country-pm {
   background-image: url("../img/flags/pm.svg"); }
 
-.flag-pn {
+.flag-country-pn {
   background-image: url("../img/flags/pn.svg"); }
 
-.flag-pr {
+.flag-country-pr {
   background-image: url("../img/flags/pr.svg"); }
 
-.flag-ps {
+.flag-country-ps {
   background-image: url("../img/flags/ps.svg"); }
 
-.flag-pt {
+.flag-country-pt {
   background-image: url("../img/flags/pt.svg"); }
 
-.flag-pw {
+.flag-country-pw {
   background-image: url("../img/flags/pw.svg"); }
 
-.flag-py {
+.flag-country-py {
   background-image: url("../img/flags/py.svg"); }
 
-.flag-qa {
+.flag-country-qa {
   background-image: url("../img/flags/qa.svg"); }
 
-.flag-re {
+.flag-country-re {
   background-image: url("../img/flags/re.svg"); }
 
-.flag-ro {
+.flag-country-ro {
   background-image: url("../img/flags/ro.svg"); }
 
-.flag-rs {
+.flag-country-rs {
   background-image: url("../img/flags/rs.svg"); }
 
-.flag-ru {
+.flag-country-ru {
   background-image: url("../img/flags/ru.svg"); }
 
-.flag-rw {
+.flag-country-rw {
   background-image: url("../img/flags/rw.svg"); }
 
-.flag-sa {
+.flag-country-sa {
   background-image: url("../img/flags/sa.svg"); }
 
-.flag-sb {
+.flag-country-sb {
   background-image: url("../img/flags/sb.svg"); }
 
-.flag-sc {
+.flag-country-sc {
   background-image: url("../img/flags/sc.svg"); }
 
-.flag-sd {
+.flag-country-sd {
   background-image: url("../img/flags/sd.svg"); }
 
-.flag-se {
+.flag-country-se {
   background-image: url("../img/flags/se.svg"); }
 
-.flag-sg {
+.flag-country-sg {
   background-image: url("../img/flags/sg.svg"); }
 
-.flag-sh {
+.flag-country-sh {
   background-image: url("../img/flags/sh.svg"); }
 
-.flag-si {
+.flag-country-si {
   background-image: url("../img/flags/si.svg"); }
 
-.flag-sj {
+.flag-country-sj {
   background-image: url("../img/flags/sj.svg"); }
 
-.flag-sk {
+.flag-country-sk {
   background-image: url("../img/flags/sk.svg"); }
 
-.flag-sl {
+.flag-country-sl {
   background-image: url("../img/flags/sl.svg"); }
 
-.flag-sm {
+.flag-country-sm {
   background-image: url("../img/flags/sm.svg"); }
 
-.flag-sn {
+.flag-country-sn {
   background-image: url("../img/flags/sn.svg"); }
 
-.flag-so {
+.flag-country-so {
   background-image: url("../img/flags/so.svg"); }
 
-.flag-sr {
+.flag-country-sr {
   background-image: url("../img/flags/sr.svg"); }
 
-.flag-ss {
+.flag-country-ss {
   background-image: url("../img/flags/ss.svg"); }
 
-.flag-st {
+.flag-country-st {
   background-image: url("../img/flags/st.svg"); }
 
-.flag-sv {
+.flag-country-sv {
   background-image: url("../img/flags/sv.svg"); }
 
-.flag-sx {
+.flag-country-sx {
   background-image: url("../img/flags/sx.svg"); }
 
-.flag-sy {
+.flag-country-sy {
   background-image: url("../img/flags/sy.svg"); }
 
-.flag-sz {
+.flag-country-sz {
   background-image: url("../img/flags/sz.svg"); }
 
-.flag-tc {
+.flag-country-tc {
   background-image: url("../img/flags/tc.svg"); }
 
-.flag-td {
+.flag-country-td {
   background-image: url("../img/flags/td.svg"); }
 
-.flag-tf {
+.flag-country-tf {
   background-image: url("../img/flags/tf.svg"); }
 
-.flag-tg {
+.flag-country-tg {
   background-image: url("../img/flags/tg.svg"); }
 
-.flag-th {
+.flag-country-th {
   background-image: url("../img/flags/th.svg"); }
 
-.flag-tj {
+.flag-country-tj {
   background-image: url("../img/flags/tj.svg"); }
 
-.flag-tk {
+.flag-country-tk {
   background-image: url("../img/flags/tk.svg"); }
 
-.flag-tl {
+.flag-country-tl {
   background-image: url("../img/flags/tl.svg"); }
 
-.flag-tm {
+.flag-country-tm {
   background-image: url("../img/flags/tm.svg"); }
 
-.flag-tn {
+.flag-country-tn {
   background-image: url("../img/flags/tn.svg"); }
 
-.flag-to {
+.flag-country-to {
   background-image: url("../img/flags/to.svg"); }
 
-.flag-tr {
+.flag-country-tr {
   background-image: url("../img/flags/tr.svg"); }
 
-.flag-tt {
+.flag-country-tt {
   background-image: url("../img/flags/tt.svg"); }
 
-.flag-tv {
+.flag-country-tv {
   background-image: url("../img/flags/tv.svg"); }
 
-.flag-tw {
+.flag-country-tw {
   background-image: url("../img/flags/tw.svg"); }
 
-.flag-tz {
+.flag-country-tz {
   background-image: url("../img/flags/tz.svg"); }
 
-.flag-ua {
+.flag-country-ua {
   background-image: url("../img/flags/ua.svg"); }
 
-.flag-ug {
+.flag-country-ug {
   background-image: url("../img/flags/ug.svg"); }
 
-.flag-um {
+.flag-country-um {
   background-image: url("../img/flags/um.svg"); }
 
-.flag-us {
+.flag-country-us {
   background-image: url("../img/flags/us.svg"); }
 
-.flag-uy {
+.flag-country-uy {
   background-image: url("../img/flags/uy.svg"); }
 
-.flag-uz {
+.flag-country-uz {
   background-image: url("../img/flags/uz.svg"); }
 
-.flag-va {
+.flag-country-va {
   background-image: url("../img/flags/va.svg"); }
 
-.flag-vc {
+.flag-country-vc {
   background-image: url("../img/flags/vc.svg"); }
 
-.flag-ve {
+.flag-country-ve {
   background-image: url("../img/flags/ve.svg"); }
 
-.flag-vg {
+.flag-country-vg {
   background-image: url("../img/flags/vg.svg"); }
 
-.flag-vi {
+.flag-country-vi {
   background-image: url("../img/flags/vi.svg"); }
 
-.flag-vn {
+.flag-country-vn {
   background-image: url("../img/flags/vn.svg"); }
 
-.flag-vu {
+.flag-country-vu {
   background-image: url("../img/flags/vu.svg"); }
 
-.flag-wf {
+.flag-country-wf {
   background-image: url("../img/flags/wf.svg"); }
 
-.flag-ws {
+.flag-country-ws {
   background-image: url("../img/flags/ws.svg"); }
 
-.flag-ye {
+.flag-country-ye {
   background-image: url("../img/flags/ye.svg"); }
 
-.flag-yt {
+.flag-country-yt {
   background-image: url("../img/flags/yt.svg"); }
 
-.flag-za {
+.flag-country-za {
   background-image: url("../img/flags/za.svg"); }
 
-.flag-zm {
+.flag-country-zm {
   background-image: url("../img/flags/zm.svg"); }
 
-.flag-zw {
+.flag-country-zw {
   background-image: url("../img/flags/zw.svg"); }
 
-.flag-es-ct {
+.flag-country-es-ct {
   background-image: url("../img/flags/es-ct.svg"); }
 
-.flag-eu {
+.flag-country-eu {
   background-image: url("../img/flags/eu.svg"); }
 
-.flag-gb-eng {
+.flag-country-gb-eng {
   background-image: url("../img/flags/gb-eng.svg"); }
 
-.flag-gb-nir {
+.flag-country-gb-nir {
   background-image: url("../img/flags/gb-nir.svg"); }
 
-.flag-gb-sct {
+.flag-country-gb-sct {
   background-image: url("../img/flags/gb-sct.svg"); }
 
-.flag-gb-wls {
+.flag-country-gb-wls {
   background-image: url("../img/flags/gb-wls.svg"); }
 
-.flag-un {
+.flag-country-un {
   background-image: url("../img/flags/un.svg"); }
 
-.flag-size-md {
+.flag-md {
   width: 2.66666rem;
   height: 2rem; }
 
-.flag-size-lg {
+.flag-lg {
   width: 3.99999rem;
   height: 3rem; }
 
-.flag-size-xl {
+.flag-xl {
   width: 5.33332rem;
   height: 4rem; }
 /*# sourceMappingURL=tabler-flags.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-flags.css.map b/dist/css/tabler-flags.css.map
index cd7fb4475d97b1fbbd27b186f434801a4cd057a4..db79c5a054c435c7eefba7bed7026acfabb18d1b 100644
GIT binary patch
delta 4651
zcmY*dYiyfm6_z_no6?G95GO5Z;#}(_uah`Qoit9GI<dQ4+dB7q=F4Y0v6DETZ_Ose
zHdPypiZ#5O7*v84Hcc=I+8J$tkXWaoX#;8NxWf;qfT5vDw2X@;Cg6LI8$ZYYqUSs3
zdCvQs^In{1zrN>{?4GM-rURLQf!Qgi$2~Wltu<N84z*2=36IO=aynh^PWkD>rH48g
zazY^{NA}6XKiOl}!+xLjc)PGTI)tUGO;}o+?T!W+F0U;LY^FAn`nJs{uh$Fty>jz`
zJfg{Kl|p`4Ub62FB=0`z#^*47e)wn!<JhSd^3|h^BSt~{D|paDok9**nDeYF6>di1
zZ5Q&b3Pzz5#V0E{MX_7R=}I$8+Zq+}%atJgcBMNnaJ!O~eV*t77EX7&QOIX4(DeJ{
z%^D%!wUp$S>-Q5Rs^G?{D$x2h`usu_X#MiWq>%rpVzglj>Z)e65rQ752JPe3jCPGa
zn`&4_j39RnS5lTfQUgEy@|sh~*9#C|g^&kp;ZRjA)6t1k)^bv1@-J#RsWQ2&jx8un
zX^VBJK3<1r8kY45d9#jFD64DhON;J|UBD-ctwKiX&3Pn1$n*8)kLF_JkLo@9cf-lk
z)?>&IQ*`ne@*{-2bj*w-HI^S7D+N&1B4m%XbXUP^WeUp6SF9{pS-H2NY+r7p1f()@
zumL6LBzUnQU+~inp8RUk^zoiX)R!S-iXrC-d8(0Btc?3@W4^$@HKJERO}d1Tz9!5>
zaE+j6n$W(WRBL>v3El^#T3LhOh+0ZaU?v_C(9r_Yv@GQN0y>&Tki*8HFhScKiV*Ze
z8>Zqd8>T{&YOq|*s6&%#ur4qpBvs2^YsRRB){K4IBoDNp*vb}=hG=n@T0k12KK-nP
zQK*xoNt#;$g?)0XRmk~Pl)BN1gX3B&><AlG8lg3IcpRo_)a;BeOhMnY!=P}4p!e)~
zi7&P>));-&+c>N0(|6mj6yu~dM)2PSh-*;D?sk}Qww;mcM0&lQlPc5i>fofx^wS-z
z_!Ol*){(DNezgN;-0Xne5t^>?<DiRB1D-5ERMo#e4uMFn0iSZ9>{bUSy=vSyR~#T+
zrAz5g4p6LW@<x}C)=n6_8Y3v$iLyV_3D#9I?^Y*gRb$`Y#SwMuq`S=fcP~G=vuu;!
zF9=Zve%OW5i%-DuHFZ}u$%jvXbBzr7aRH)q_jmIc)y9!-klxn~(x|budWC$u8*7ak
zTg!k-oak(nw#tkXtWi?_iW98gal((NRGO9^cpBA-G}yy*G6X%>!*$e|^llH=QHQzc
zg^sHi)yIrG$gt#vUI@hk1pTuY95JfC>m*0i!S%pNuwFWe>SJ_xnEH6UnqzkXqUPw)
zJ|>(d;Wzp~`ujeVy6%&9myq65Fkn4E&=aR%z&Z`%FHeDXU8A5QE*_*V{Y4jqwp>go
zLJ5B?NKnhI>u0Pn3R>;wtm;U3z8|bF_rsHQI_c~K@MN8OoGd`pgugVvWOS1G&j7Z~
z$K9M%+4`WHC8Q|fRX1}fP0&6MgE9mSdqBJF!69<R!zI-G+;bWd8$RmO6o+y%^Av}2
zo9%a}VaKi0FnL2gOq-<dUih&=Q})cgOi4XVo8(^#g4FhG90Y6MAY;v)T~`M=tD3X-
z3lOy;#}HyRX)kUMf%FSQaO1`h+=$a<(m#wE<6*foWW4K!;ch%a(CfpPjW`{}9~*&!
zWrVY;$=Mk}MR7V0e?G!=bRsPq<)p@GXNt?MIka(e6mG;blyb8mMV${dW8mG&bu+{u
zU6a?xg#6YRq;#6z_r_4a=?sMQ6eT3izym!)(2ER8_~dP`@x<ehpP-(zSirfn@FhW;
z`TAK@o6sm>?>Q(X!UPR+C_>QZ&w=)9=TL59jXoRi_54qh1odaa%amdi^d&D3Qf>N;
z7i~&Vo65&wi+!Bw=tS|2aZaHws6UT$3blo;6HGZxX|V}Z|KJ2SMYZtu1gB5~-7yJ@
zWI$F;3weGL%1QF_2a_oE%}JD+3{!$@3ce<d=Yzp<fkSHqy*9;Z)yY^i4cdxnY#rY;
z>Q0hZZ%?D{Bn?%`469owfw>tjp!~T!1A(hEtnLgYRL}AR<wkH8tf}0HKgXfm@$=VN
z(Ee{0wWjC-i_f9f6#Yud79dLJUvtn&`=oc?c<{}macAaX#?CzIPKPP<t_9ScrsL1E
z08QgQG~Q;PU0@0+O8e;o6#lS)vW*`t#&mfXk+7XRg`Zdi>o&dPf5n3C&-rs?31+k`
zq1O8|bP7McWInk2@X`{t0MWd&bU6P5{=Z9Dt7~~Qk6&CKJ+zw`_S+J<%%YVe9L?n3
z43jHI@_RBx%fGy0mM^Y!%D=C4W}EMGAIQ^gtzF5MMnBjqNAw<f_twGD_0{v%TK{Hn
z+ZNc2ZR)~O6AFdYe^crjELA}*<V(ep&czKQL=S3uE~wi=|8*%yQ~!0z4sGo*Wgpew
zEG~|3#y8WNZY19MOTPR$Yj*s?8~aRMvf^UtCjt>I5Vfst#8XKd{jCKl#CEa#BSnez
U#p-U0z4^Gj^|(VmcIoo}0a`|@(EtDd

delta 2544
zcmZ`)TWnm_71cd*NDD~CY0q|&I?0S*aXi=dOzgytC$E{~apFvjAF-48kvKD+I}<-9
z9?$i7JkyUhX;o<91G1@j^aGMMZHoHQWDtUiA|QZ3AOWGG4<WTFP@%RTq)-8+QoHxQ
z{pe5s)?RDB&$;KmP*ImIs$Z<PZZAbmZ+A2t>y7P-R_d(g_5JSXfE|lOBH?hPcXf0m
z9E+HkJsXWgTyl$;<)}Sw3jgC%{y#p&3T}8!t*uWvPRQxP<=O^(tk$T6gG)XeH*C@>
zkrtTRr19(~V<pfZwej;!K<KSL8+$hcCO0#GrNzeIZw8fEl7OZyn#jmW8*^KTbcK9I
zNUO=lTYN+ogdFi{T=Y@VRWU#GQPHx%4!_1Bzfs8~`WtP0)vv82UZ}P4t95{(Iug<%
zJYL5_qTR+%NLW{I$l^A?Uk@rdCob>QvkQ0ZYalW!<U#|J&v)DSWCIZ55v)eQEsdOk
zdw;NzoLzB#uTh_GqLM3Om726l76rc8r11tTWicnV0uK9a{PETrytdUyzdg-0RvO>h
zX5)98K^lFtxduZ+Hhz6ujkKEHR%6YJ$JK2heg2D>tS|>#K$<+?vL3ItM5VFjK#f%p
zbvXcdK47e(Shw0>tqK~m0bSczWwHKhYn5{FY@3ZcTM5nyJj-xi;Oh*t0&Ci|m6By7
z+5o@VW-JPf+xTf4D2H!G0Hf`Ir`lQIA%5Eqgm_=|LBL3mc|PQ)gFs{RNmPXZ>q17Q
z=Oz4+5U6xk;0Gc0;mrrPGvX}YAe50MzPue&CW)aA8`pJcBKh>EI*6poL|*RDDw7uY
zafik`It}@7OLup23NHP2C*aLaqcT}>o7=%@_{^W!0eF1}2}>fxce23cf3TDCyF%U&
zl4l8Y5m^wj*hNK)0$=FT_=hf|PJ445>jrh&o9kjX;B(!^IxQ)?cL5>J^X*-L7j_wI
zRz}&-18Ua6`*+*u^k_WSW7KR`%rAO0`EZ}HFc9Jm-4`bBC6V6^v&`K#?IzL{GQXQi
zuJR0#bKX&{-9ympX=D#zZjVuOIa&ROq|AFx9ee50?lp7;d3mqy1wy>Muk8cezK?nC
z<netJ;Klx9AG>h<{ref^=()IOKglIY{SHI^hy&=4fVCipxex)hK;Kow#-}2hNWN4m
z3h0X(wLsZOcsR-e=Y5X^%NVkFppv23g1Ee7H2%p@L`lraUQOQ#e{q+3fe<JCs2A|r
z%$M+TZ6k(bpt26$jM;csOsi~K;Pn_s@sm;8$5A|XrjI=5MXvN|e6!D}Y*x(v1MJN!
zzyp9+4v>%&q2(ZDToPC~sPX(kQd}`_>*o+|eXO6-7KFUePwp!M|HiN=u<H=PRe|RY
zX?*k$B`J%!KCZ1ZGFvhZ_^r56XT0<JEDq`nzsvzNhv`K*Y{-uf?01KO5WjN`1Ax&1
zitrBXmjf*DV%OYBvHbJ~aEPIIOg|*J=v|XP-w9Sus)hyu2M3MHrEz%B##aV43B0s*
zLx8~{66Qtt*$@j{^<xsMhYeZ0t?vzUCNBExVZgr&&nuZ50hKFC=#wK_<w^prBidS$
zy742R^7Mv`(hE#vUT*)5BY^)tVpP5$!s@72`J%vUqZ<D>YLrV)_;DM@$F$|jJ^0ZW
zy_{ntI3n~MWr6$u&QZXNM-5rLw2j9=xpU%@KBkpBFYwAS_U56!U_C43f#Xc_Z1*1r
zLi}02D~PAuI!=y6QWNgD#{0&p^op2Yo}j#|0!Jq_E=`b97V|F?+FF)wJ0}50CXHH7
zW8#F3uT8SR-RdbI#8>px6sYAnk$*m=)$+W+Pp8<EJB^$GoIYX5;ue2%g5$Wwx|4wW
zPcqNzf9fP<S&`7HX^sAAs#zBEk!el875<psp9WN?j4F6{qI?Qefq&uwe2Jm=nctBh
z=-r>m1XwE)`4d6>8Qx3)ekEy$=PB+=vIp<`dJ^!Xq){sctWMfEJEK+6yUdjt`uWWm
zRr0QRe+sOUwERE{@M_Aave!<F1N39#N2lOGmE*R~h}Sh|gL1s9U7ZGOPsj0GI=&{8
zY;`?{TQVD~$f9dwT5&wHk%r|(UCuz2J6m?}SD9`PeDYsV37n4IimUm@gs#-M|6GFu
zrQ2H@GWkTQwJR9(`BP3hQCL_GPn~H<F6L8CzIA4CVKLw1^L#pk!OEqQvaq_eyYkcW
f8`YJ{y)Um_)3qb-WGl}-&|HOgKePwyAAa;dVk}sw

diff --git a/dist/css/tabler-flags.min.css b/dist/css/tabler-flags.min.css
index efae23e0c..cbb83349f 100644
--- a/dist/css/tabler-flags.min.css
+++ b/dist/css/tabler-flags.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * 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 #dee1e7;border-radius:3px}.flag-ad{background-image:url(../img/flags/ad.svg)}.flag-ae{background-image:url(../img/flags/ae.svg)}.flag-af{background-image:url(../img/flags/af.svg)}.flag-ag{background-image:url(../img/flags/ag.svg)}.flag-ai{background-image:url(../img/flags/ai.svg)}.flag-al{background-image:url(../img/flags/al.svg)}.flag-am{background-image:url(../img/flags/am.svg)}.flag-ao{background-image:url(../img/flags/ao.svg)}.flag-aq{background-image:url(../img/flags/aq.svg)}.flag-ar{background-image:url(../img/flags/ar.svg)}.flag-as{background-image:url(../img/flags/as.svg)}.flag-at{background-image:url(../img/flags/at.svg)}.flag-au{background-image:url(../img/flags/au.svg)}.flag-aw{background-image:url(../img/flags/aw.svg)}.flag-ax{background-image:url(../img/flags/ax.svg)}.flag-az{background-image:url(../img/flags/az.svg)}.flag-ba{background-image:url(../img/flags/ba.svg)}.flag-bb{background-image:url(../img/flags/bb.svg)}.flag-bd{background-image:url(../img/flags/bd.svg)}.flag-be{background-image:url(../img/flags/be.svg)}.flag-bf{background-image:url(../img/flags/bf.svg)}.flag-bg{background-image:url(../img/flags/bg.svg)}.flag-bh{background-image:url(../img/flags/bh.svg)}.flag-bi{background-image:url(../img/flags/bi.svg)}.flag-bj{background-image:url(../img/flags/bj.svg)}.flag-bl{background-image:url(../img/flags/bl.svg)}.flag-bm{background-image:url(../img/flags/bm.svg)}.flag-bn{background-image:url(../img/flags/bn.svg)}.flag-bo{background-image:url(../img/flags/bo.svg)}.flag-bq{background-image:url(../img/flags/bq.svg)}.flag-br{background-image:url(../img/flags/br.svg)}.flag-bs{background-image:url(../img/flags/bs.svg)}.flag-bt{background-image:url(../img/flags/bt.svg)}.flag-bv{background-image:url(../img/flags/bv.svg)}.flag-bw{background-image:url(../img/flags/bw.svg)}.flag-by{background-image:url(../img/flags/by.svg)}.flag-bz{background-image:url(../img/flags/bz.svg)}.flag-ca{background-image:url(../img/flags/ca.svg)}.flag-cc{background-image:url(../img/flags/cc.svg)}.flag-cd{background-image:url(../img/flags/cd.svg)}.flag-cf{background-image:url(../img/flags/cf.svg)}.flag-cg{background-image:url(../img/flags/cg.svg)}.flag-ch{background-image:url(../img/flags/ch.svg)}.flag-ci{background-image:url(../img/flags/ci.svg)}.flag-ck{background-image:url(../img/flags/ck.svg)}.flag-cl{background-image:url(../img/flags/cl.svg)}.flag-cm{background-image:url(../img/flags/cm.svg)}.flag-cn{background-image:url(../img/flags/cn.svg)}.flag-co{background-image:url(../img/flags/co.svg)}.flag-cr{background-image:url(../img/flags/cr.svg)}.flag-cu{background-image:url(../img/flags/cu.svg)}.flag-cv{background-image:url(../img/flags/cv.svg)}.flag-cw{background-image:url(../img/flags/cw.svg)}.flag-cx{background-image:url(../img/flags/cx.svg)}.flag-cy{background-image:url(../img/flags/cy.svg)}.flag-cz{background-image:url(../img/flags/cz.svg)}.flag-de{background-image:url(../img/flags/de.svg)}.flag-dj{background-image:url(../img/flags/dj.svg)}.flag-dk{background-image:url(../img/flags/dk.svg)}.flag-dm{background-image:url(../img/flags/dm.svg)}.flag-do{background-image:url(../img/flags/do.svg)}.flag-dz{background-image:url(../img/flags/dz.svg)}.flag-ec{background-image:url(../img/flags/ec.svg)}.flag-ee{background-image:url(../img/flags/ee.svg)}.flag-eg{background-image:url(../img/flags/eg.svg)}.flag-eh{background-image:url(../img/flags/eh.svg)}.flag-er{background-image:url(../img/flags/er.svg)}.flag-es{background-image:url(../img/flags/es.svg)}.flag-et{background-image:url(../img/flags/et.svg)}.flag-fi{background-image:url(../img/flags/fi.svg)}.flag-fj{background-image:url(../img/flags/fj.svg)}.flag-fk{background-image:url(../img/flags/fk.svg)}.flag-fm{background-image:url(../img/flags/fm.svg)}.flag-fo{background-image:url(../img/flags/fo.svg)}.flag-fr{background-image:url(../img/flags/fr.svg)}.flag-ga{background-image:url(../img/flags/ga.svg)}.flag-gb{background-image:url(../img/flags/gb.svg)}.flag-gd{background-image:url(../img/flags/gd.svg)}.flag-ge{background-image:url(../img/flags/ge.svg)}.flag-gf{background-image:url(../img/flags/gf.svg)}.flag-gg{background-image:url(../img/flags/gg.svg)}.flag-gh{background-image:url(../img/flags/gh.svg)}.flag-gi{background-image:url(../img/flags/gi.svg)}.flag-gl{background-image:url(../img/flags/gl.svg)}.flag-gm{background-image:url(../img/flags/gm.svg)}.flag-gn{background-image:url(../img/flags/gn.svg)}.flag-gp{background-image:url(../img/flags/gp.svg)}.flag-gq{background-image:url(../img/flags/gq.svg)}.flag-gr{background-image:url(../img/flags/gr.svg)}.flag-gs{background-image:url(../img/flags/gs.svg)}.flag-gt{background-image:url(../img/flags/gt.svg)}.flag-gu{background-image:url(../img/flags/gu.svg)}.flag-gw{background-image:url(../img/flags/gw.svg)}.flag-gy{background-image:url(../img/flags/gy.svg)}.flag-hk{background-image:url(../img/flags/hk.svg)}.flag-hm{background-image:url(../img/flags/hm.svg)}.flag-hn{background-image:url(../img/flags/hn.svg)}.flag-hr{background-image:url(../img/flags/hr.svg)}.flag-ht{background-image:url(../img/flags/ht.svg)}.flag-hu{background-image:url(../img/flags/hu.svg)}.flag-id{background-image:url(../img/flags/id.svg)}.flag-ie{background-image:url(../img/flags/ie.svg)}.flag-il{background-image:url(../img/flags/il.svg)}.flag-im{background-image:url(../img/flags/im.svg)}.flag-in{background-image:url(../img/flags/in.svg)}.flag-io{background-image:url(../img/flags/io.svg)}.flag-iq{background-image:url(../img/flags/iq.svg)}.flag-ir{background-image:url(../img/flags/ir.svg)}.flag-is{background-image:url(../img/flags/is.svg)}.flag-it{background-image:url(../img/flags/it.svg)}.flag-je{background-image:url(../img/flags/je.svg)}.flag-jm{background-image:url(../img/flags/jm.svg)}.flag-jo{background-image:url(../img/flags/jo.svg)}.flag-jp{background-image:url(../img/flags/jp.svg)}.flag-ke{background-image:url(../img/flags/ke.svg)}.flag-kg{background-image:url(../img/flags/kg.svg)}.flag-kh{background-image:url(../img/flags/kh.svg)}.flag-ki{background-image:url(../img/flags/ki.svg)}.flag-km{background-image:url(../img/flags/km.svg)}.flag-kn{background-image:url(../img/flags/kn.svg)}.flag-kp{background-image:url(../img/flags/kp.svg)}.flag-kr{background-image:url(../img/flags/kr.svg)}.flag-kw{background-image:url(../img/flags/kw.svg)}.flag-ky{background-image:url(../img/flags/ky.svg)}.flag-kz{background-image:url(../img/flags/kz.svg)}.flag-la{background-image:url(../img/flags/la.svg)}.flag-lb{background-image:url(../img/flags/lb.svg)}.flag-lc{background-image:url(../img/flags/lc.svg)}.flag-li{background-image:url(../img/flags/li.svg)}.flag-lk{background-image:url(../img/flags/lk.svg)}.flag-lr{background-image:url(../img/flags/lr.svg)}.flag-ls{background-image:url(../img/flags/ls.svg)}.flag-lt{background-image:url(../img/flags/lt.svg)}.flag-lu{background-image:url(../img/flags/lu.svg)}.flag-lv{background-image:url(../img/flags/lv.svg)}.flag-ly{background-image:url(../img/flags/ly.svg)}.flag-ma{background-image:url(../img/flags/ma.svg)}.flag-mc{background-image:url(../img/flags/mc.svg)}.flag-md{background-image:url(../img/flags/md.svg)}.flag-me{background-image:url(../img/flags/me.svg)}.flag-mf{background-image:url(../img/flags/mf.svg)}.flag-mg{background-image:url(../img/flags/mg.svg)}.flag-mh{background-image:url(../img/flags/mh.svg)}.flag-mk{background-image:url(../img/flags/mk.svg)}.flag-ml{background-image:url(../img/flags/ml.svg)}.flag-mm{background-image:url(../img/flags/mm.svg)}.flag-mn{background-image:url(../img/flags/mn.svg)}.flag-mo{background-image:url(../img/flags/mo.svg)}.flag-mp{background-image:url(../img/flags/mp.svg)}.flag-mq{background-image:url(../img/flags/mq.svg)}.flag-mr{background-image:url(../img/flags/mr.svg)}.flag-ms{background-image:url(../img/flags/ms.svg)}.flag-mt{background-image:url(../img/flags/mt.svg)}.flag-mu{background-image:url(../img/flags/mu.svg)}.flag-mv{background-image:url(../img/flags/mv.svg)}.flag-mw{background-image:url(../img/flags/mw.svg)}.flag-mx{background-image:url(../img/flags/mx.svg)}.flag-my{background-image:url(../img/flags/my.svg)}.flag-mz{background-image:url(../img/flags/mz.svg)}.flag-na{background-image:url(../img/flags/na.svg)}.flag-nc{background-image:url(../img/flags/nc.svg)}.flag-ne{background-image:url(../img/flags/ne.svg)}.flag-nf{background-image:url(../img/flags/nf.svg)}.flag-ng{background-image:url(../img/flags/ng.svg)}.flag-ni{background-image:url(../img/flags/ni.svg)}.flag-nl{background-image:url(../img/flags/nl.svg)}.flag-no{background-image:url(../img/flags/no.svg)}.flag-np{background-image:url(../img/flags/np.svg)}.flag-nr{background-image:url(../img/flags/nr.svg)}.flag-nu{background-image:url(../img/flags/nu.svg)}.flag-nz{background-image:url(../img/flags/nz.svg)}.flag-om{background-image:url(../img/flags/om.svg)}.flag-pa{background-image:url(../img/flags/pa.svg)}.flag-pe{background-image:url(../img/flags/pe.svg)}.flag-pf{background-image:url(../img/flags/pf.svg)}.flag-pg{background-image:url(../img/flags/pg.svg)}.flag-ph{background-image:url(../img/flags/ph.svg)}.flag-pk{background-image:url(../img/flags/pk.svg)}.flag-pl{background-image:url(../img/flags/pl.svg)}.flag-pm{background-image:url(../img/flags/pm.svg)}.flag-pn{background-image:url(../img/flags/pn.svg)}.flag-pr{background-image:url(../img/flags/pr.svg)}.flag-ps{background-image:url(../img/flags/ps.svg)}.flag-pt{background-image:url(../img/flags/pt.svg)}.flag-pw{background-image:url(../img/flags/pw.svg)}.flag-py{background-image:url(../img/flags/py.svg)}.flag-qa{background-image:url(../img/flags/qa.svg)}.flag-re{background-image:url(../img/flags/re.svg)}.flag-ro{background-image:url(../img/flags/ro.svg)}.flag-rs{background-image:url(../img/flags/rs.svg)}.flag-ru{background-image:url(../img/flags/ru.svg)}.flag-rw{background-image:url(../img/flags/rw.svg)}.flag-sa{background-image:url(../img/flags/sa.svg)}.flag-sb{background-image:url(../img/flags/sb.svg)}.flag-sc{background-image:url(../img/flags/sc.svg)}.flag-sd{background-image:url(../img/flags/sd.svg)}.flag-se{background-image:url(../img/flags/se.svg)}.flag-sg{background-image:url(../img/flags/sg.svg)}.flag-sh{background-image:url(../img/flags/sh.svg)}.flag-si{background-image:url(../img/flags/si.svg)}.flag-sj{background-image:url(../img/flags/sj.svg)}.flag-sk{background-image:url(../img/flags/sk.svg)}.flag-sl{background-image:url(../img/flags/sl.svg)}.flag-sm{background-image:url(../img/flags/sm.svg)}.flag-sn{background-image:url(../img/flags/sn.svg)}.flag-so{background-image:url(../img/flags/so.svg)}.flag-sr{background-image:url(../img/flags/sr.svg)}.flag-ss{background-image:url(../img/flags/ss.svg)}.flag-st{background-image:url(../img/flags/st.svg)}.flag-sv{background-image:url(../img/flags/sv.svg)}.flag-sx{background-image:url(../img/flags/sx.svg)}.flag-sy{background-image:url(../img/flags/sy.svg)}.flag-sz{background-image:url(../img/flags/sz.svg)}.flag-tc{background-image:url(../img/flags/tc.svg)}.flag-td{background-image:url(../img/flags/td.svg)}.flag-tf{background-image:url(../img/flags/tf.svg)}.flag-tg{background-image:url(../img/flags/tg.svg)}.flag-th{background-image:url(../img/flags/th.svg)}.flag-tj{background-image:url(../img/flags/tj.svg)}.flag-tk{background-image:url(../img/flags/tk.svg)}.flag-tl{background-image:url(../img/flags/tl.svg)}.flag-tm{background-image:url(../img/flags/tm.svg)}.flag-tn{background-image:url(../img/flags/tn.svg)}.flag-to{background-image:url(../img/flags/to.svg)}.flag-tr{background-image:url(../img/flags/tr.svg)}.flag-tt{background-image:url(../img/flags/tt.svg)}.flag-tv{background-image:url(../img/flags/tv.svg)}.flag-tw{background-image:url(../img/flags/tw.svg)}.flag-tz{background-image:url(../img/flags/tz.svg)}.flag-ua{background-image:url(../img/flags/ua.svg)}.flag-ug{background-image:url(../img/flags/ug.svg)}.flag-um{background-image:url(../img/flags/um.svg)}.flag-us{background-image:url(../img/flags/us.svg)}.flag-uy{background-image:url(../img/flags/uy.svg)}.flag-uz{background-image:url(../img/flags/uz.svg)}.flag-va{background-image:url(../img/flags/va.svg)}.flag-vc{background-image:url(../img/flags/vc.svg)}.flag-ve{background-image:url(../img/flags/ve.svg)}.flag-vg{background-image:url(../img/flags/vg.svg)}.flag-vi{background-image:url(../img/flags/vi.svg)}.flag-vn{background-image:url(../img/flags/vn.svg)}.flag-vu{background-image:url(../img/flags/vu.svg)}.flag-wf{background-image:url(../img/flags/wf.svg)}.flag-ws{background-image:url(../img/flags/ws.svg)}.flag-ye{background-image:url(../img/flags/ye.svg)}.flag-yt{background-image:url(../img/flags/yt.svg)}.flag-za{background-image:url(../img/flags/za.svg)}.flag-zm{background-image:url(../img/flags/zm.svg)}.flag-zw{background-image:url(../img/flags/zw.svg)}.flag-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-eu{background-image:url(../img/flags/eu.svg)}.flag-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-un{background-image:url(../img/flags/un.svg)}.flag-size-md{width:2.66666rem;height:2rem}.flag-size-lg{width:3.99999rem;height:3rem}.flag-size-xl{width:5.33332rem;height:4rem}
+ */.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(53,64,82,.16);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}
 /*# sourceMappingURL=tabler-flags.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-flags.min.css.map b/dist/css/tabler-flags.min.css.map
index 572eac6bb0ed62d9f5f920e52faaab1ead839504..3fbf0e1e0e987e2bdad2ae4ac3b07e083fe42831 100644
GIT binary patch
literal 7966
zcmeI1QE%He6h{Aw=H($REW2HYVRc{XWC;+oT`{!79_C_@D4Jp<QmRNfb&CA=k@8XM
zrRc+kJ<14tY4Y;kb3cj>L4Tg@Wao5aXRBxPnQQt^NH<&kIa@52;m--@mOjgC*`?b$
zQ*IG^X7l6WUN8ST8v8Jx*~|<<LepeztE~zlXY25K5nt=`>g;0vW_^A!e;4|~+xdF_
zTWn>q^(MA{kFB?{broAOwqC_nb#_1849&N(R}IY&@_thA9|D=P*eMQ?uGVuMK3~N5
z;IKbi|8hC?OlnL|!n6yfT`=u}X%|epVA=)KE|_+~v<s$PFzteA7ficg+6DjfE(q5)
z_ct&<e&Yt_<B`u#gU^5Kd2rkF>M~w7#k;3)`}4>BZPBas<-Z#U7hqhKoj2A?>*I~t
z^6_^Yn><e557%YMWxOs+PIpfh&lgV~4I}4GyYI9ree%PTr$49R?RoOPl;ezb@5`oh
z-*gpCAw^c3!Qr(Q(mGiry)9&yyt#UxoR;3VZna!0?aMx2h{kYtH=4X|@}<d~m)-L9
z)%nG*?=A+i<;HI8OKsYw^T}o=8oSkMGkbB|8Ls(;TfU(?2=G#GlM^Ma>@qJ8mxIaY
zfR>zyrnkP+(yfxy*pY;gS+SYTqm|e#Hl!K)HMYhYY=ixX?XV8(u|4(%`w4q{uz7~f
zv5{wl%Yn*)%7MyDoPo=)`3z(ZWNzsPHU~BbHU~BbHs9e7Y`*6+up+{aa6%jg1quov
z1&{(r0i>w#2T}kjfD}Lq-~`GEpaf6?1qE;dxFU)*!WAe|khCCKL6U+=k|HEZOW-B&
z5*Ue65~a2jwI$D%JX`W?$+Km?I#y1x)(Yhm$rTDJAQTXaWD4aJNfgSd_Mog{dDWN{
zXa%%FQH7EU1<MFODpwM`BzQ@%k{~5PH1HaD4V-4aX1+!V4V)&P22K<AnmE_Yzh>Tb
zEN+CWaH>$KLZJ$UDkfJXuTZ8UX+`A~l~+6lHM_88WojOanz%K~TN9@SzK-xCT#Yg{
z4{S{mLvTY-gK~yq49jjP%21RcsX<voafady3K@ztC~SZ<5pskx$ZUW#KpGS=>?$)t
zql^XK0&jt~KwF?KN?Bkna27ZVlqJ87@kh9Z%36}OBxy;~lB7kM7G+wJwc~u0X-U?y
zOfAK?6x&kdNAh*#>wpgb>%PEs5O+*=OmaLc4rLt6>Imk5c0fB6a(rbtif|O+D8f;M
z1IAH|qZoJm%sH0Pv3!oo9Lwi{^T2r&^}u=HJWw7e50nSW1LcA8KzWq)aQG<FxU3$C
z9>sc+_5|&zs0X^oe~14L_#KMwn7>2G9Z)+~=!W8Mh`VRr9?07mcZ9nI;+AEVE*1Dm
z;;B59<MSQbcKqrJZ8!Rc_RaWh&<CCv{!uueM7xORlEc{}N!rF~AAZkVC7rA@uXi$d
z#WP5uU0Y}SRibUJtxUsNNK}m7=)#w)<f$~_{PuM5EWQ{jWjwGAWAua{OuY{0ur#Z+
z3VG6J?I(uvOjN21$DbnYWGk~U&o(r_cKL!Dj&k8h_O*x8w{n$;CZrq(n=Typ0#5rW
zaZRm@<Rl-uQqk1SKfTf}D|8=DVI$z(L9drG6XkeJ+Xp?yb~v()G7g%CnDHdHPrv`n
zp>BUSIwZ+avD#!Rfc9N|x|s#%%sJ^@nrBYlEwxdHljHIz%)-T|EUsW&n*cVvMFU-2
q(=^sUPfns4Fz-7baE8G5Lq~)x>tX)Gg-w!iX@~I#B!Ou5;qGr)$D*A8

literal 7706
zcmeI1U2oeq6o&r_=j9?R{L!w%u(~&OvjiyGt|;1J7?xs?D4Jp<QmRNfb&CA=k@BO|
zZMTaJyOa_5F#I^@IWKAXg!wqzsm`0m&DIa+GvD-`RDQPpW42tb;*Xc!uR@mBs#|R9
zO#5Z(naz)fd$aoUXzbm5<}y1tiA|fet#LZKoNeOkae8ges;B4kmz%Tm`J31m-_ADk
z*Qu4I*2~oTHML%)*0a=7sr5Xys;76u&Cq<6diBtZF7Fn_`Gcd^sZSmpJsV=3&&@D<
z|8(>7MG8K3OnPkQ({Y$S4b#J5dKOO4!s%H!RR&XGG}VPuot*w`nCil*E}ZJZsV@AV
z>%!kZeZTzh_vJ>s3>j7bahUNRIzB(R&oAOlNOU?}jQn<YS@L{y@$UxW{SP-qXN?QW
zg>+%Gy7$ec6Zgd1;kHOzq}w8Ky1T!8w7mb_Fml$k`_AYxi0|(|_-PT}9*MW58dq%k
zP&S?a$EmU@l+0>7On70Wa$XgpcZKT2%V%%JX&FN6*Q=E_q3rXeY%Et-qsi+gU)jtD
z)vaDUJ3Ig7&G|sKx^$QBiLq_d1#vl(joTW1IeUEE8E?6UORk|i3h=~i#fer<by-k{
zyD{-GqKOmP^e%Kp`L#Gr9U{8Sip$wNS%uwVW0;}eU~8<!HrV&r4(qW2+heb>AFwwE
zn`hV@n|MaJ9H<<q9H_ixGI047zXO>AnLGM{&4JB<&4JB<&3DWPHsA9*urk4pa8e!y
zB??L)C6E$G38bu;52OTA0x5x%z)6&oKuMq^3QFK4a77Ypgey>_AZS6bf*=Kp6iFzQ
zR=_LZ6)*~=6iRJLYD=6gakj+S5@*YLeXN{juQkePf@>7iKxiN|!8FQgf@qY}?Lk@1
z_UbVx&>Cosq8cSN3YH0eRIbE%iSrU?B~D757~l=?1~|id!+L`f1~`L11DwI{6@IQ*
zf5p11l-vkcF{whK3WX{Zs#shRyh53ZpcR={WL|L$YCeTEJ5zHkYW&u0Z;hWC_&ULl
za5c)*9N3y57UveH7Ue9-Shn4glqD%kP>Zsb<SfZq6tW~~QP=`$6XXbIk=X)ifwU-M
z`Bd2v8f6^t4tNK&1KI)YP|5-8fOEh(pd9gC@;|~gWY!X_B}hw<mLM(4v?$XOtR2^*
zOiQqqZE8urCE1oF-xIGRUI%piuKNVnLEN#}v&eH+Jj!^s)#J<q?Sb|v<auOxlJF$q
zNy3wa2gZ|(CmDZy<~-Zz**;HZp6v_31>gdT2H*m40jK~}04e|#fC@kbpaRMUI6@L>
z+|~d@k77MRdz|)U)C1i!f5-eC@H-UUv3`e=JD_&#&^5_j<9E-xJ&-ra?+AAT#0}f3
z{6aEM;ZNraHJ<O-cH^Tfw*5Fawy(#hK_7XN`|o0XlI$|oC5PHWh_>-2#DC|lMW^a4
zn4OBVQVmiV-`3fFEsU#;Q;S#&$%?USQ-pFY9w-~@w+G9I>BUf~Qo%Ni(G&k)7)-3g
z7Flg{jI(&yeqboiWTm@U{uGN&wJMA2TtoBgDW6bdDHlt!uV;93qt-$;G2}Sdbg|rv
zIPC}Fo7xoOBp<pKvZ<TTXDzy{Fnz4TM!?&HUQbje%dt$`M?J=NEZIgG2Td2>ex#V&
z-;M)993^RNrXyhA)u)%UI63oP1;5BMuWnby>O;l2I&!o0>2#%?OM4Q5hPPy(N_)9T
qdC$d3G6UXS=NEiwLV~;-Kf+{B4^F<^RUyWG9mc=FiCD9Dw|@a${YfqW

diff --git a/dist/css/tabler-payments.css b/dist/css/tabler-payments.css
index e093b39c9..17b9422fa 100644
--- a/dist/css/tabler-payments.css
+++ b/dist/css/tabler-payments.css
@@ -5,8 +5,8 @@
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  */
 .payment {
-  width: 2.5rem;
-  height: 1.5rem;
+  width: 3.33332rem;
+  height: 2rem;
   display: inline-block;
   background: no-repeat center/100% 100%;
   vertical-align: bottom;
@@ -14,339 +14,339 @@
   box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px; }
 
-.payment-2checkout-dark {
+.payment-provider-2checkout-dark {
   background-image: url("../img/payments/2checkout-dark.svg"); }
 
-.payment-2checkout {
+.payment-provider-2checkout {
   background-image: url("../img/payments/2checkout.svg"); }
 
-.payment-alipay-dark {
+.payment-provider-alipay-dark {
   background-image: url("../img/payments/alipay-dark.svg"); }
 
-.payment-alipay {
+.payment-provider-alipay {
   background-image: url("../img/payments/alipay.svg"); }
 
-.payment-amazon-dark {
+.payment-provider-amazon-dark {
   background-image: url("../img/payments/amazon-dark.svg"); }
 
-.payment-amazon {
+.payment-provider-amazon {
   background-image: url("../img/payments/amazon.svg"); }
 
-.payment-americanexpress-dark {
+.payment-provider-americanexpress-dark {
   background-image: url("../img/payments/americanexpress-dark.svg"); }
 
-.payment-americanexpress {
+.payment-provider-americanexpress {
   background-image: url("../img/payments/americanexpress.svg"); }
 
-.payment-applepay-dark {
+.payment-provider-applepay-dark {
   background-image: url("../img/payments/applepay-dark.svg"); }
 
-.payment-applepay {
+.payment-provider-applepay {
   background-image: url("../img/payments/applepay.svg"); }
 
-.payment-bancontact-dark {
+.payment-provider-bancontact-dark {
   background-image: url("../img/payments/bancontact-dark.svg"); }
 
-.payment-bancontact {
+.payment-provider-bancontact {
   background-image: url("../img/payments/bancontact.svg"); }
 
-.payment-bitcoin-dark {
+.payment-provider-bitcoin-dark {
   background-image: url("../img/payments/bitcoin-dark.svg"); }
 
-.payment-bitcoin {
+.payment-provider-bitcoin {
   background-image: url("../img/payments/bitcoin.svg"); }
 
-.payment-bitpay-dark {
+.payment-provider-bitpay-dark {
   background-image: url("../img/payments/bitpay-dark.svg"); }
 
-.payment-bitpay {
+.payment-provider-bitpay {
   background-image: url("../img/payments/bitpay.svg"); }
 
-.payment-cirrus-dark {
+.payment-provider-cirrus-dark {
   background-image: url("../img/payments/cirrus-dark.svg"); }
 
-.payment-cirrus {
+.payment-provider-cirrus {
   background-image: url("../img/payments/cirrus.svg"); }
 
-.payment-clickandbuy-dark {
+.payment-provider-clickandbuy-dark {
   background-image: url("../img/payments/clickandbuy-dark.svg"); }
 
-.payment-clickandbuy {
+.payment-provider-clickandbuy {
   background-image: url("../img/payments/clickandbuy.svg"); }
 
-.payment-coinkite-dark {
+.payment-provider-coinkite-dark {
   background-image: url("../img/payments/coinkite-dark.svg"); }
 
-.payment-coinkite {
+.payment-provider-coinkite {
   background-image: url("../img/payments/coinkite.svg"); }
 
-.payment-dinersclub-dark {
+.payment-provider-dinersclub-dark {
   background-image: url("../img/payments/dinersclub-dark.svg"); }
 
-.payment-dinersclub {
+.payment-provider-dinersclub {
   background-image: url("../img/payments/dinersclub.svg"); }
 
-.payment-directdebit-dark {
+.payment-provider-directdebit-dark {
   background-image: url("../img/payments/directdebit-dark.svg"); }
 
-.payment-directdebit {
+.payment-provider-directdebit {
   background-image: url("../img/payments/directdebit.svg"); }
 
-.payment-discover-dark {
+.payment-provider-discover-dark {
   background-image: url("../img/payments/discover-dark.svg"); }
 
-.payment-discover {
+.payment-provider-discover {
   background-image: url("../img/payments/discover.svg"); }
 
-.payment-dwolla-dark {
+.payment-provider-dwolla-dark {
   background-image: url("../img/payments/dwolla-dark.svg"); }
 
-.payment-dwolla {
+.payment-provider-dwolla {
   background-image: url("../img/payments/dwolla.svg"); }
 
-.payment-ebay-dark {
+.payment-provider-ebay-dark {
   background-image: url("../img/payments/ebay-dark.svg"); }
 
-.payment-ebay {
+.payment-provider-ebay {
   background-image: url("../img/payments/ebay.svg"); }
 
-.payment-eway-dark {
+.payment-provider-eway-dark {
   background-image: url("../img/payments/eway-dark.svg"); }
 
-.payment-eway {
+.payment-provider-eway {
   background-image: url("../img/payments/eway.svg"); }
 
-.payment-giropay-dark {
+.payment-provider-giropay-dark {
   background-image: url("../img/payments/giropay-dark.svg"); }
 
-.payment-giropay {
+.payment-provider-giropay {
   background-image: url("../img/payments/giropay.svg"); }
 
-.payment-googlewallet-dark {
+.payment-provider-googlewallet-dark {
   background-image: url("../img/payments/googlewallet-dark.svg"); }
 
-.payment-googlewallet {
+.payment-provider-googlewallet {
   background-image: url("../img/payments/googlewallet.svg"); }
 
-.payment-ingenico-dark {
+.payment-provider-ingenico-dark {
   background-image: url("../img/payments/ingenico-dark.svg"); }
 
-.payment-ingenico {
+.payment-provider-ingenico {
   background-image: url("../img/payments/ingenico.svg"); }
 
-.payment-jcb-dark {
+.payment-provider-jcb-dark {
   background-image: url("../img/payments/jcb-dark.svg"); }
 
-.payment-jcb {
+.payment-provider-jcb {
   background-image: url("../img/payments/jcb.svg"); }
 
-.payment-klarna-dark {
+.payment-provider-klarna-dark {
   background-image: url("../img/payments/klarna-dark.svg"); }
 
-.payment-klarna {
+.payment-provider-klarna {
   background-image: url("../img/payments/klarna.svg"); }
 
-.payment-laser-dark {
+.payment-provider-laser-dark {
   background-image: url("../img/payments/laser-dark.svg"); }
 
-.payment-laser {
+.payment-provider-laser {
   background-image: url("../img/payments/laser.svg"); }
 
-.payment-maestro-dark {
+.payment-provider-maestro-dark {
   background-image: url("../img/payments/maestro-dark.svg"); }
 
-.payment-maestro {
+.payment-provider-maestro {
   background-image: url("../img/payments/maestro.svg"); }
 
-.payment-mastercard-dark {
+.payment-provider-mastercard-dark {
   background-image: url("../img/payments/mastercard-dark.svg"); }
 
-.payment-mastercard {
+.payment-provider-mastercard {
   background-image: url("../img/payments/mastercard.svg"); }
 
-.payment-monero-dark {
+.payment-provider-monero-dark {
   background-image: url("../img/payments/monero-dark.svg"); }
 
-.payment-monero {
+.payment-provider-monero {
   background-image: url("../img/payments/monero.svg"); }
 
-.payment-neteller-dark {
+.payment-provider-neteller-dark {
   background-image: url("../img/payments/neteller-dark.svg"); }
 
-.payment-neteller {
+.payment-provider-neteller {
   background-image: url("../img/payments/neteller.svg"); }
 
-.payment-ogone-dark {
+.payment-provider-ogone-dark {
   background-image: url("../img/payments/ogone-dark.svg"); }
 
-.payment-ogone {
+.payment-provider-ogone {
   background-image: url("../img/payments/ogone.svg"); }
 
-.payment-okpay-dark {
+.payment-provider-okpay-dark {
   background-image: url("../img/payments/okpay-dark.svg"); }
 
-.payment-okpay {
+.payment-provider-okpay {
   background-image: url("../img/payments/okpay.svg"); }
 
-.payment-paybox-dark {
+.payment-provider-paybox-dark {
   background-image: url("../img/payments/paybox-dark.svg"); }
 
-.payment-paybox {
+.payment-provider-paybox {
   background-image: url("../img/payments/paybox.svg"); }
 
-.payment-paymill-dark {
+.payment-provider-paymill-dark {
   background-image: url("../img/payments/paymill-dark.svg"); }
 
-.payment-paymill {
+.payment-provider-paymill {
   background-image: url("../img/payments/paymill.svg"); }
 
-.payment-payone-dark {
+.payment-provider-payone-dark {
   background-image: url("../img/payments/payone-dark.svg"); }
 
-.payment-payone {
+.payment-provider-payone {
   background-image: url("../img/payments/payone.svg"); }
 
-.payment-payoneer-dark {
+.payment-provider-payoneer-dark {
   background-image: url("../img/payments/payoneer-dark.svg"); }
 
-.payment-payoneer {
+.payment-provider-payoneer {
   background-image: url("../img/payments/payoneer.svg"); }
 
-.payment-paypal-dark {
+.payment-provider-paypal-dark {
   background-image: url("../img/payments/paypal-dark.svg"); }
 
-.payment-paypal {
+.payment-provider-paypal {
   background-image: url("../img/payments/paypal.svg"); }
 
-.payment-paysafecard-dark {
+.payment-provider-paysafecard-dark {
   background-image: url("../img/payments/paysafecard-dark.svg"); }
 
-.payment-paysafecard {
+.payment-provider-paysafecard {
   background-image: url("../img/payments/paysafecard.svg"); }
 
-.payment-payu-dark {
+.payment-provider-payu-dark {
   background-image: url("../img/payments/payu-dark.svg"); }
 
-.payment-payu {
+.payment-provider-payu {
   background-image: url("../img/payments/payu.svg"); }
 
-.payment-payza-dark {
+.payment-provider-payza-dark {
   background-image: url("../img/payments/payza-dark.svg"); }
 
-.payment-payza {
+.payment-provider-payza {
   background-image: url("../img/payments/payza.svg"); }
 
-.payment-ripple-dark {
+.payment-provider-ripple-dark {
   background-image: url("../img/payments/ripple-dark.svg"); }
 
-.payment-ripple {
+.payment-provider-ripple {
   background-image: url("../img/payments/ripple.svg"); }
 
-.payment-sage-dark {
+.payment-provider-sage-dark {
   background-image: url("../img/payments/sage-dark.svg"); }
 
-.payment-sage {
+.payment-provider-sage {
   background-image: url("../img/payments/sage.svg"); }
 
-.payment-sepa-dark {
+.payment-provider-sepa-dark {
   background-image: url("../img/payments/sepa-dark.svg"); }
 
-.payment-sepa {
+.payment-provider-sepa {
   background-image: url("../img/payments/sepa.svg"); }
 
-.payment-shopify-dark {
+.payment-provider-shopify-dark {
   background-image: url("../img/payments/shopify-dark.svg"); }
 
-.payment-shopify {
+.payment-provider-shopify {
   background-image: url("../img/payments/shopify.svg"); }
 
-.payment-skrill-dark {
+.payment-provider-skrill-dark {
   background-image: url("../img/payments/skrill-dark.svg"); }
 
-.payment-skrill {
+.payment-provider-skrill {
   background-image: url("../img/payments/skrill.svg"); }
 
-.payment-solo-dark {
+.payment-provider-solo-dark {
   background-image: url("../img/payments/solo-dark.svg"); }
 
-.payment-solo {
+.payment-provider-solo {
   background-image: url("../img/payments/solo.svg"); }
 
-.payment-square-dark {
+.payment-provider-square-dark {
   background-image: url("../img/payments/square-dark.svg"); }
 
-.payment-square {
+.payment-provider-square {
   background-image: url("../img/payments/square.svg"); }
 
-.payment-stripe-dark {
+.payment-provider-stripe-dark {
   background-image: url("../img/payments/stripe-dark.svg"); }
 
-.payment-stripe {
+.payment-provider-stripe {
   background-image: url("../img/payments/stripe.svg"); }
 
-.payment-switch-dark {
+.payment-provider-switch-dark {
   background-image: url("../img/payments/switch-dark.svg"); }
 
-.payment-switch {
+.payment-provider-switch {
   background-image: url("../img/payments/switch.svg"); }
 
-.payment-ukash-dark {
+.payment-provider-ukash-dark {
   background-image: url("../img/payments/ukash-dark.svg"); }
 
-.payment-ukash {
+.payment-provider-ukash {
   background-image: url("../img/payments/ukash.svg"); }
 
-.payment-unionpay-dark {
+.payment-provider-unionpay-dark {
   background-image: url("../img/payments/unionpay-dark.svg"); }
 
-.payment-unionpay {
+.payment-provider-unionpay {
   background-image: url("../img/payments/unionpay.svg"); }
 
-.payment-verifone-dark {
+.payment-provider-verifone-dark {
   background-image: url("../img/payments/verifone-dark.svg"); }
 
-.payment-verifone {
+.payment-provider-verifone {
   background-image: url("../img/payments/verifone.svg"); }
 
-.payment-verisign-dark {
+.payment-provider-verisign-dark {
   background-image: url("../img/payments/verisign-dark.svg"); }
 
-.payment-verisign {
+.payment-provider-verisign {
   background-image: url("../img/payments/verisign.svg"); }
 
-.payment-visa-dark {
+.payment-provider-visa-dark {
   background-image: url("../img/payments/visa-dark.svg"); }
 
-.payment-visa {
+.payment-provider-visa {
   background-image: url("../img/payments/visa.svg"); }
 
-.payment-webmoney-dark {
+.payment-provider-webmoney-dark {
   background-image: url("../img/payments/webmoney-dark.svg"); }
 
-.payment-webmoney {
+.payment-provider-webmoney {
   background-image: url("../img/payments/webmoney.svg"); }
 
-.payment-westernunion-dark {
+.payment-provider-westernunion-dark {
   background-image: url("../img/payments/westernunion-dark.svg"); }
 
-.payment-westernunion {
+.payment-provider-westernunion {
   background-image: url("../img/payments/westernunion.svg"); }
 
-.payment-worldpay-dark {
+.payment-provider-worldpay-dark {
   background-image: url("../img/payments/worldpay-dark.svg"); }
 
-.payment-worldpay {
+.payment-provider-worldpay {
   background-image: url("../img/payments/worldpay.svg"); }
 
-.payment-size-md {
-  width: 3.33332rem;
-  height: 2rem; }
+.payment-sm {
+  width: 2.49999rem;
+  height: 1.5rem; }
 
-.payment-size-lg {
+.payment-lg {
   width: 4.99998rem;
   height: 3rem; }
 
-.payment-size-xl {
+.payment-xl {
   width: 6.66664rem;
   height: 4rem; }
 /*# sourceMappingURL=tabler-payments.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-payments.css.map b/dist/css/tabler-payments.css.map
index 543c85c07a50a4ebda58538fa2fbb73b0bc0752c..115847bc46c6882f6dc11e4dfc3fa88ba763231a 100644
GIT binary patch
delta 4952
zcmb_ePjC}e7@wjD6w)S5O4}scZju(7cJr?d8A$4A+QzZ!Fcc-wnwD;oZL{Rhrn_ki
zbzp}h2WG&}i#j7R>Wz_Ma?(*497ab6hI(~iKyO}jxOnj3xVuUAy|lYEamXd_eed^u
zzwhsRd*@!uwFfO%zV41u?07V~JRXTfC-`w{CK{cQm$O$NPK#4HMI56>CM8IWibbQ*
zNF*AaT#d<?7$xY)*L3809l17Mj8S?DtmKN8LqQz^zm9xaN3PhB__sv7qN8w5N6zWU
zwIi+%Sj1D^hysoeHA$?IAyKLEwkc{NL(MxRYS&oLp=L9r*Su^ka}s|;-L5KZ!Z+I!
zhik-DJ7R6j^bBd#Y}=CQWo~H`ag|r3noX(RbY!&&D80ZcQzLF2KfU?ZBW^Z;x{ONo
zS8qDK)aeoHMcfQtl&{!kBiKHrTQj<ieNpp@txHh@8QO+G(>}T<#QO2mGxVQxylE^O
zE`eBm<@AX49;ap<(!-0->tgwz0Z8}%rqt;<)GR?`coB_XV+si0aE+@a)@*7~8b7_c
z*Hn0pc)2G;tuGwC5;W`3=Ep|ktr6>9zXl23tQnF&D+T5Iu{2JlCb;;C+T}A@iqBTQ
zAL}qP6U*^w6|)+TcWZ)#_;mTRy*qcnPosAD&TxNsk>^&~G{eK?wj|p8(RONI?ZiXp
zSh#8qf!OXuh)>&(qs_DS1lqi1JibTOg{MXf{AKY<|HBB<YD%L`-n4)=_f2uMadf23
zs-+}dNO6S{ohm_~<1qZt(S?AIJLb_QY<>rAE}Ii5kR)4zC)NNE7NT9Xn__u>MSy3P
zAe1bQE%NDhFZ^gBkRPcWo66FKbaDlL_6DK9^B`h-qcdSbhB>y7WlM}=`nOJ(#))h^
zvcC@*nAwjd=9~Sq=%ll25pCAHFrG9kq_|b7f{w03VD5Gz9`!`#$#(al;L>YcE=Nlm
zLAckA1znZP_?{kOuNn)J1e5a+<a@|E*;A_@?)2C&*_whgSxMxq-+B~n&Relc{bI!`
z<*{WD>;oGHduGEL<d{8<3VJ4$l(IVtkL-Q*LOB46u%dvoIhrrf3RooYHYV^kCT82z
zkaM&k<y1Cwq1TQ)`>=Q3sABRoBb0a!Or#GyeFQ>H^<j0q(Kl;ADqMkqYrP?Om2@Ed
z0*SeCi^SqJI^xJDZb{abBmTsJY2S7nLnYv{%CNrXbkxb@zW>Ncv{lF5Q>4!&xwDF`
zKb@{!wOhdGdRtx7uG8xJw(EqtHucZ##mvB6M*yz(_p0aL_S5RxK5$Z9FAvPA>-z(U
zhd8ig#_S37B9o%|G~9It;LZV3)p>kiW*>%IQ2=KS_Nai12j4YdfOT3ym<D@LAMk9k
zn5(2PHR#+Tm&^UtAc4vy&`TAx!Hu;v<vxl*m|~@|ZsCv(H`evU5Z2D?Ls-{87)l@~
zge=eIau9I)V1C$+F>pCfsno4u%!!R*oPkQ9HW8LrXde7-KYU5qG4mxU`bsn}c$^qq
zmMidC4-Q{rOR0>)d((rB%!UW+RfiWFnUyRpWFX-4!A-9X*<UHJTtR8d)4ttc@Yy#X
z$-Q~nhh2l`eb@v%@?lRxz>l3=@yAh;R#~A^1|onZX)J&x=~7?;&F&hL%*)gCtJMd6
zBN+M1BN=qtuSo;W@C7LZm^S+1$%qRLZObU;%fjf%!94k1qCk>sY`T;QlOx{X5$VS>
z`G_pdFziyM6ea`SL*NLS;qTFK`A9JQ5?nL1+9VJ;Bprq1Umbh|ZX3SX?G3mUDZCQt
zgm}blCP}X}!Fi@o^3<*txD=V+L6Y!$Bn%fL=2nlut~2LlmtbnlVXX1@%VNn``NG(Z
zoxn_t!O-|VTb?~T*q`Lm=R7H?*?5X{EiNunWGFb`2FL3bLXn0^ekn=U<Gg{8yPO)|
z(NexX@z7){az*(qN)-C5EBNOWRW6?Repkz3*qG~r?zztQX9mktbJiF42>FDwl8{z9
J1fSC%{|k0m9X<d6

delta 4028
zcmb_eOKcNY6cvtbLIQ~slbHAuk3W2pj2+u?9FzcI0)YjMf)hEA+SDCS24|A-Okz)P
zjRXT#7gbv!;4UgvZ75PzsfD&G-XWB#rDA~!p>$KJi>h5$6x3}bI-i()n3viWyLa!L
zch9}&zWd%>d$8%dA2(gT-E;^i34-h!Bo3u;iXbR?HF4!}R6NEG$m^qc=rBRd4&s9Z
zLG<+z#NoFFReuiQ&m;U9gkKvk9>q}`7%3I4gu)1d0Kz|u@GEgdjf&?G8wv<NkML_(
zytZI*wbbQoSdEWVNUWidsPukAi7HU2@`Oa~9-|VfR3X&iWlG9P{AHc?7aP{$D?Jl?
zOT^1@#L}3d0%`PY!<M0xORpnd<`wZuB}Glgv^D{bDomXk@#PB#HQy-WN()${sMP-#
zHyuhk6fvseO7Nn5^;TNJ#*)6Q=mzmc%`0||L}e(n0fA=xm3u;5JASA@|2fC&#<J`d
zh|8}WiWv1cRhkeAFTSda<$o3+-T&*PLnTxxL3wy_W&Fz9u!1kU$IC6&Jk+8zeyF+E
z-0%wV@|h5|{%}w&s5GJVkB!D#Bd&S<$|N|JRU{q6nE`^xDgTec06u<bZ)~V^`5c}c
z8<GDXU&3^(!c2{g?9c?I$A*fZ*BW$HA%8b~(qn-)4_t@Ix(@ibj@%NWCTVJ#pA%rV
z-Vgihu_}^fU@;PbYxQnr9c&E2r}YNVn=D2$L!RY1cxLK`qzN-9Cb+_#aL43;KTR1p
z*+3b{nHiQ=LOgHq0^S&d_Zq316v<IMCy<oN<TtxErx=0a897`RTs3=O!8}?e`IN1r
z+ud+}d(=oV+3Z{nt~Z6DvB?GdnxZun%TUuKH<6lypCe(|-&_m7H`!}f+y%9kW_Pt5
zewq<zW&dZ*9(dFo1HXlWk1XS`WT9bdM;spRNE#=Y9L1l3XU+hyEl%S^o@ZH7N$f$3
zyJX4=;Z_HXSWmz$>yVDl!=p$y^xH5!ohJ*>U<<*#%>oOyQ~ETM<ssM@gmHT-T(GC%
zsr^(n!=-7Cp?D?m6^9oV9I>h?Dy7&Xtxjbvv)pL4!o$`$gq%_Mz&Q?2oWq+lB%Kqa
zpt4#QFb~|sMxok8)nv$=KxZj3I{|;VI^io9X3X#$y^O4PyY;dO-(o>9xeXw=E!7+?
z&@4-5l~{{zFD$uZIzA22T@m=(V}K7mcDUmi*74IyFJAMy<fUBA7hVS}dgIWwGg?I!
zGVr}G0{3=$;h&wOFuW@c#a&U@wmWGc3o@rH=a;)N_+@uo^30H|(wM0|t#D-z4bS()
zfoeMeciV>aWZ|qT_wjbOYREDiZ#O{5YJtb?abuQIj+N}5>Ttm2juY^-V@RK)XVi`7
za7;C1#ILvwmhe-M@{PiRFAi>hRG;HnRlK5KLdu4Wtn0Kvs55TN&CZcoT5;X)bih;D
zB}kmA>)n6@z7E8pF&G6lI1Uek!-hGIkw!tD6f)$6OQ9J26-rj0p|i|sx%P|FRJ`BS
z3b(qFU=7FgXPBIt=r>_ZH7<rjP}gk%e|NGvPp9NAsVDcRZs*p#)NDG-sU&jC=ObI8
zKVq+4^+B1u`G^PZN0Jcg88b3xX<udn=C`$(v2zJ7!TD#TCefVW%SoT$hn_yYyeKa9
z^cjhSkY^@@$zDvl7P54vPr?h6G?Shbda>Y&OPY)smMrvQ497AY?MtydHLZZ*{DC%I
zLI6`;OG`qKik4`E0!#N|9G}gQtP1+=04{@O>&&_Y2loDsnuJhF3tsPkL;iTXzqcO4
zN?tYDrT!K$A9O<C;P&Fc!J7tXKeBa;H=QL5zMen;qDO4YRyYtSzI{Zu37!n@E537d
av7vZ*{N84`d(vFIL0a`d)BCTUzV<KXmBldt

diff --git a/dist/css/tabler-payments.min.css b/dist/css/tabler-payments.min.css
index 23efdbee1..2d378c913 100644
--- a/dist/css/tabler-payments.min.css
+++ b/dist/css/tabler-payments.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */.payment{width:2.5rem;height:1.5rem;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-2checkout-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-alipay{background-image:url(../img/payments/alipay.svg)}.payment-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-amazon{background-image:url(../img/payments/amazon.svg)}.payment-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-applepay{background-image:url(../img/payments/applepay.svg)}.payment-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-discover{background-image:url(../img/payments/discover.svg)}.payment-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-ebay{background-image:url(../img/payments/ebay.svg)}.payment-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-eway{background-image:url(../img/payments/eway.svg)}.payment-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-giropay{background-image:url(../img/payments/giropay.svg)}.payment-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-jcb{background-image:url(../img/payments/jcb.svg)}.payment-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-klarna{background-image:url(../img/payments/klarna.svg)}.payment-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-laser{background-image:url(../img/payments/laser.svg)}.payment-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-maestro{background-image:url(../img/payments/maestro.svg)}.payment-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-monero{background-image:url(../img/payments/monero.svg)}.payment-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-neteller{background-image:url(../img/payments/neteller.svg)}.payment-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-ogone{background-image:url(../img/payments/ogone.svg)}.payment-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-okpay{background-image:url(../img/payments/okpay.svg)}.payment-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-paybox{background-image:url(../img/payments/paybox.svg)}.payment-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-paymill{background-image:url(../img/payments/paymill.svg)}.payment-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-payone{background-image:url(../img/payments/payone.svg)}.payment-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-paypal{background-image:url(../img/payments/paypal.svg)}.payment-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-payu{background-image:url(../img/payments/payu.svg)}.payment-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-payza{background-image:url(../img/payments/payza.svg)}.payment-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-ripple{background-image:url(../img/payments/ripple.svg)}.payment-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-sage{background-image:url(../img/payments/sage.svg)}.payment-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-sepa{background-image:url(../img/payments/sepa.svg)}.payment-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-shopify{background-image:url(../img/payments/shopify.svg)}.payment-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-skrill{background-image:url(../img/payments/skrill.svg)}.payment-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-solo{background-image:url(../img/payments/solo.svg)}.payment-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-square{background-image:url(../img/payments/square.svg)}.payment-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-stripe{background-image:url(../img/payments/stripe.svg)}.payment-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-switch{background-image:url(../img/payments/switch.svg)}.payment-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-ukash{background-image:url(../img/payments/ukash.svg)}.payment-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-verifone{background-image:url(../img/payments/verifone.svg)}.payment-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-verisign{background-image:url(../img/payments/verisign.svg)}.payment-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-visa{background-image:url(../img/payments/visa.svg)}.payment-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-size-md{width:3.33332rem;height:2rem}.payment-size-lg{width:4.99998rem;height:3rem}.payment-size-xl{width:6.66664rem;height:4rem}
+ */.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-dark{background-image:url(../img/payments/2checkout-dark.svg)}.payment-provider-2checkout{background-image:url(../img/payments/2checkout.svg)}.payment-provider-alipay-dark{background-image:url(../img/payments/alipay-dark.svg)}.payment-provider-alipay{background-image:url(../img/payments/alipay.svg)}.payment-provider-amazon-dark{background-image:url(../img/payments/amazon-dark.svg)}.payment-provider-amazon{background-image:url(../img/payments/amazon.svg)}.payment-provider-americanexpress-dark{background-image:url(../img/payments/americanexpress-dark.svg)}.payment-provider-americanexpress{background-image:url(../img/payments/americanexpress.svg)}.payment-provider-applepay-dark{background-image:url(../img/payments/applepay-dark.svg)}.payment-provider-applepay{background-image:url(../img/payments/applepay.svg)}.payment-provider-bancontact-dark{background-image:url(../img/payments/bancontact-dark.svg)}.payment-provider-bancontact{background-image:url(../img/payments/bancontact.svg)}.payment-provider-bitcoin-dark{background-image:url(../img/payments/bitcoin-dark.svg)}.payment-provider-bitcoin{background-image:url(../img/payments/bitcoin.svg)}.payment-provider-bitpay-dark{background-image:url(../img/payments/bitpay-dark.svg)}.payment-provider-bitpay{background-image:url(../img/payments/bitpay.svg)}.payment-provider-cirrus-dark{background-image:url(../img/payments/cirrus-dark.svg)}.payment-provider-cirrus{background-image:url(../img/payments/cirrus.svg)}.payment-provider-clickandbuy-dark{background-image:url(../img/payments/clickandbuy-dark.svg)}.payment-provider-clickandbuy{background-image:url(../img/payments/clickandbuy.svg)}.payment-provider-coinkite-dark{background-image:url(../img/payments/coinkite-dark.svg)}.payment-provider-coinkite{background-image:url(../img/payments/coinkite.svg)}.payment-provider-dinersclub-dark{background-image:url(../img/payments/dinersclub-dark.svg)}.payment-provider-dinersclub{background-image:url(../img/payments/dinersclub.svg)}.payment-provider-directdebit-dark{background-image:url(../img/payments/directdebit-dark.svg)}.payment-provider-directdebit{background-image:url(../img/payments/directdebit.svg)}.payment-provider-discover-dark{background-image:url(../img/payments/discover-dark.svg)}.payment-provider-discover{background-image:url(../img/payments/discover.svg)}.payment-provider-dwolla-dark{background-image:url(../img/payments/dwolla-dark.svg)}.payment-provider-dwolla{background-image:url(../img/payments/dwolla.svg)}.payment-provider-ebay-dark{background-image:url(../img/payments/ebay-dark.svg)}.payment-provider-ebay{background-image:url(../img/payments/ebay.svg)}.payment-provider-eway-dark{background-image:url(../img/payments/eway-dark.svg)}.payment-provider-eway{background-image:url(../img/payments/eway.svg)}.payment-provider-giropay-dark{background-image:url(../img/payments/giropay-dark.svg)}.payment-provider-giropay{background-image:url(../img/payments/giropay.svg)}.payment-provider-googlewallet-dark{background-image:url(../img/payments/googlewallet-dark.svg)}.payment-provider-googlewallet{background-image:url(../img/payments/googlewallet.svg)}.payment-provider-ingenico-dark{background-image:url(../img/payments/ingenico-dark.svg)}.payment-provider-ingenico{background-image:url(../img/payments/ingenico.svg)}.payment-provider-jcb-dark{background-image:url(../img/payments/jcb-dark.svg)}.payment-provider-jcb{background-image:url(../img/payments/jcb.svg)}.payment-provider-klarna-dark{background-image:url(../img/payments/klarna-dark.svg)}.payment-provider-klarna{background-image:url(../img/payments/klarna.svg)}.payment-provider-laser-dark{background-image:url(../img/payments/laser-dark.svg)}.payment-provider-laser{background-image:url(../img/payments/laser.svg)}.payment-provider-maestro-dark{background-image:url(../img/payments/maestro-dark.svg)}.payment-provider-maestro{background-image:url(../img/payments/maestro.svg)}.payment-provider-mastercard-dark{background-image:url(../img/payments/mastercard-dark.svg)}.payment-provider-mastercard{background-image:url(../img/payments/mastercard.svg)}.payment-provider-monero-dark{background-image:url(../img/payments/monero-dark.svg)}.payment-provider-monero{background-image:url(../img/payments/monero.svg)}.payment-provider-neteller-dark{background-image:url(../img/payments/neteller-dark.svg)}.payment-provider-neteller{background-image:url(../img/payments/neteller.svg)}.payment-provider-ogone-dark{background-image:url(../img/payments/ogone-dark.svg)}.payment-provider-ogone{background-image:url(../img/payments/ogone.svg)}.payment-provider-okpay-dark{background-image:url(../img/payments/okpay-dark.svg)}.payment-provider-okpay{background-image:url(../img/payments/okpay.svg)}.payment-provider-paybox-dark{background-image:url(../img/payments/paybox-dark.svg)}.payment-provider-paybox{background-image:url(../img/payments/paybox.svg)}.payment-provider-paymill-dark{background-image:url(../img/payments/paymill-dark.svg)}.payment-provider-paymill{background-image:url(../img/payments/paymill.svg)}.payment-provider-payone-dark{background-image:url(../img/payments/payone-dark.svg)}.payment-provider-payone{background-image:url(../img/payments/payone.svg)}.payment-provider-payoneer-dark{background-image:url(../img/payments/payoneer-dark.svg)}.payment-provider-payoneer{background-image:url(../img/payments/payoneer.svg)}.payment-provider-paypal-dark{background-image:url(../img/payments/paypal-dark.svg)}.payment-provider-paypal{background-image:url(../img/payments/paypal.svg)}.payment-provider-paysafecard-dark{background-image:url(../img/payments/paysafecard-dark.svg)}.payment-provider-paysafecard{background-image:url(../img/payments/paysafecard.svg)}.payment-provider-payu-dark{background-image:url(../img/payments/payu-dark.svg)}.payment-provider-payu{background-image:url(../img/payments/payu.svg)}.payment-provider-payza-dark{background-image:url(../img/payments/payza-dark.svg)}.payment-provider-payza{background-image:url(../img/payments/payza.svg)}.payment-provider-ripple-dark{background-image:url(../img/payments/ripple-dark.svg)}.payment-provider-ripple{background-image:url(../img/payments/ripple.svg)}.payment-provider-sage-dark{background-image:url(../img/payments/sage-dark.svg)}.payment-provider-sage{background-image:url(../img/payments/sage.svg)}.payment-provider-sepa-dark{background-image:url(../img/payments/sepa-dark.svg)}.payment-provider-sepa{background-image:url(../img/payments/sepa.svg)}.payment-provider-shopify-dark{background-image:url(../img/payments/shopify-dark.svg)}.payment-provider-shopify{background-image:url(../img/payments/shopify.svg)}.payment-provider-skrill-dark{background-image:url(../img/payments/skrill-dark.svg)}.payment-provider-skrill{background-image:url(../img/payments/skrill.svg)}.payment-provider-solo-dark{background-image:url(../img/payments/solo-dark.svg)}.payment-provider-solo{background-image:url(../img/payments/solo.svg)}.payment-provider-square-dark{background-image:url(../img/payments/square-dark.svg)}.payment-provider-square{background-image:url(../img/payments/square.svg)}.payment-provider-stripe-dark{background-image:url(../img/payments/stripe-dark.svg)}.payment-provider-stripe{background-image:url(../img/payments/stripe.svg)}.payment-provider-switch-dark{background-image:url(../img/payments/switch-dark.svg)}.payment-provider-switch{background-image:url(../img/payments/switch.svg)}.payment-provider-ukash-dark{background-image:url(../img/payments/ukash-dark.svg)}.payment-provider-ukash{background-image:url(../img/payments/ukash.svg)}.payment-provider-unionpay-dark{background-image:url(../img/payments/unionpay-dark.svg)}.payment-provider-unionpay{background-image:url(../img/payments/unionpay.svg)}.payment-provider-verifone-dark{background-image:url(../img/payments/verifone-dark.svg)}.payment-provider-verifone{background-image:url(../img/payments/verifone.svg)}.payment-provider-verisign-dark{background-image:url(../img/payments/verisign-dark.svg)}.payment-provider-verisign{background-image:url(../img/payments/verisign.svg)}.payment-provider-visa-dark{background-image:url(../img/payments/visa-dark.svg)}.payment-provider-visa{background-image:url(../img/payments/visa.svg)}.payment-provider-webmoney-dark{background-image:url(../img/payments/webmoney-dark.svg)}.payment-provider-webmoney{background-image:url(../img/payments/webmoney.svg)}.payment-provider-westernunion-dark{background-image:url(../img/payments/westernunion-dark.svg)}.payment-provider-westernunion{background-image:url(../img/payments/westernunion.svg)}.payment-provider-worldpay-dark{background-image:url(../img/payments/worldpay-dark.svg)}.payment-provider-worldpay{background-image:url(../img/payments/worldpay.svg)}.payment-sm{width:2.49999rem;height:1.5rem}.payment-lg{width:4.99998rem;height:3rem}.payment-xl{width:6.66664rem;height:4rem}
 /*# sourceMappingURL=tabler-payments.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler-payments.min.css.map b/dist/css/tabler-payments.min.css.map
index 0d7710d9858cc512cc23c77288803f02e85b2d4e..50d2e2746d07bf10a5b60f968a85fe6de4d4a314 100644
GIT binary patch
literal 4563
zcmb_fZExE)5dJHi*P&@A*^W09o%^M(mjFTfvY{P{VJQYmVr0&esFGBi7v#V1?kI_L
z(*XQnCy{y2^YD0gq)6s&awW8ps+lZ*NhU^hIu~ZL{AV(q&fwSN#>_0wDxuSs-_)Y9
zW{Th>2^F23{ku<pNhS@i$rUtf-nOzS!SQ4TpI7)<txs0TM|dXh07^cu)~n<Lw$8Ej
zC$>1YK4a@Ie2{MKB!f<%`C-)g)(H~yIKvh_1nP2Uo~;tO#?j>)1a|Ay@2APHZ#+^H
z@-jfa5^@tDWwfRX#(GJ;wgGZO2zVRg0X@XC2*v_EAP;-J2sDZ`KL>~*WF8=pHTXGH
zUQnem=J_L@50%%U#)`@P;Y#R&8iI%Ku9k<In7M#i8*8|DWCmku_;9tDAZA!6k@Nm=
zMePDVkP-Na$tz~9#>_=b?lCdPXky}t$vwtTOkOd5V&03G^?a!M#EccAIaHlv#)_%)
zp)@gdj#(Rr(!|s!W~_tkW9O&I-?$xqb1C?+I{iLz{s;jVl>RoeR*i*w3tnnw&wsdR
z*mL%YZZzzV{zk)&uIAI@>HHayYt`OpS#B&_%#UBD@c4~=+K8dks<RuV&7;y>6(Z+V
zO@g;F7mX1G>zYDn_U`NxJK9*=n&oU(O1tT@X|C%2hBbU;mC9x{H&*D`+q3n_`;R9S
z+3cbLr>|w*Ds9=tBv;L)EH5Un_E5Ns4OcNoK_#B_NGhR^S+b+2i+m&Ut?F!AaJ_w+
zFpr?YD+ygj&Y48i{8lxdAkz^-%bYjjy4Av%K(U9Dv~4S~=e`G!%y<JaTAusJJVXL%
zb0vKUnX`K;bPEiaNaRxM&d20TA}X10c~fMaPd4`$Nno(8v|`K%M@In3LN;)H&Z{mP
zX%9Jp7P&11#1be*%t=hH;1(Y64j^);s)~DxOe91W%nup_?m`d@1WTz^SeD)<N~y9E
zJ6=`7hgSw5is0fd8dx}E5CeeZf4R>b+6Zkct{We+Gm)sc39=*$;hGC$wRhj!j>4B9
z=eigNckcy4Bv4TQpevb3G{OqV$`^G2kW?k;Mvr6>yba5w&_Wo#GIc%5o!Jw$tg4Vf
zyQjh-pbway2;y>-&^_7mJ%3>KgyEO4tptUDjsw<9x-gQi2XFmMK#yCFu$K73jcR8i
zVR-3bGzf%ub<`R#2;8VvUiz2DIGd=g4y$6wBtlhwstgzee(ksp1|^dS3vmSmnMCa1
zjo<i)$V8&sa^rEb2yWotTgZLv(e(h5@ZQPGaH<AiAdM{jUV|h8L`vh!as>v0JCW7k
z&5tzzj>Og6(C}k0J6QY!NFt@HB8+y|15cm9K7Y|nfx~~p*&XcqY$pr5S+a!|H5_Zl
z(--)`^MGvx9$}6mppd4m_|1~Zrh;87g;OTq5|i<KTWSSI)RHwS)uI*LGB~*K06Lz}
ze`5F`DHOoME?=c^B9zUNWy)Gr69rYYsj)YeKrg!Hm2(cSj@j@+?Url~KgaDg{pm8}
zNArZa-{~=C$H1S4b28PukR6;;i}o7ed(8W_;Q59P2N@(Ww%wuT>M>L&ZMC|R=<3J2
zq0haOz#wD3sjOj<FIlInql*bhxiP|;G=rV$ekSX3JW6MQpQ*WmQ`ZFyv3)1J)W}<r
luqXJn7b*hgn^3)H>NbYi&#iN^Ke>K-iKWuHNG4zI{|90~Q`!Ik

literal 4553
zcmb_fZExE)5dJHi*P&@=*-nNPnfs-#mu^Mdy`UZXVJQZRVr0$|sgP8h7v#V1?kI^2
z+yEM2Cz1I)&+&M7Bt_<KawV-(Mo*SMOefB?R!BEl{ymw^=J4x;b92x0O4_X9H?`E>
z&5)c-Q;Sy3|9L2XnNBpX$rUtf-ZV;=;CQlv&rAHQ)@Q5f$JKg0{Q%VT_thF7ed|wb
zapXQ@>o0te-5Oi(!UI%^E$T~lv2}(5J>FuA9uobD0N<^qyVtArFH`jziQRhj^RLr7
zVQOM76XuebGGWTmHm6CiQ|fh-FgL`s3DXj@O_=Q?y-Z?b$i^j%BL;FDGF8MJDz8Q2
zdGUznL*;d-vBu=SzY;_&Ax!317t5Z>n3*_9DtPk9{EeyL{#t?U(=YEA6!DnE_m>mw
zn%>R#<Yr7(`>T83@tAPNWWMitFXRy>W1<<8`4~TAvKr%O%#Ikbk`Gj!5hIN-IaG~D
z3^k_2hq4(_<1wq^P&Ol~GiIoRyu9Ej#slgs9Ppoqi@>|pn>YVcfon;3hglo#;kJTT
znfdc?&NX|^KG8jf{n6cH*wNKuc05}=BXMn-8>`BVXD5r}(+nOzu}>S>cUrZ6W2}4B
zRG2~vUe#pqUJ0q4ELf`xY1xOjpV-mH`^GKj^HTXuo6m%)yL(mtl~*R8*W7t&=kMRH
z&wl%OMv=|WH8_2x>c&{l&L_g?3ss&^UOr&q2G(D|f&`U#(lMEWK5og5o}P$}6kF5!
ztl)P0bjl)wfL98-3|fFB)cn@yC=d*Sv`TO-uNy0!ODrDnWZE>9eBiz#P|Uf87(Ev;
zvPhAE^1`SXLLP7@rEWn1h=NeowlSsvNvM?Aa$V$YOjbmWOkl9B@^Z)sM@It1LTR`(
zi>l2BIa0yEO5qC$u_P7)7fhTmaQ9C1K#;gIRmG!35Cxeh^MioMT}lE#vQ*ZjW$7?U
z#*~%Z@v4$ByfPut2(If=!@?PY=m`}66)|&YBeku#)iLA%QK+~}vLu9b&871;y6<q1
za1#h_i(&AvFOVVw1NBe35=22uFCnW~)Sf`mlwdb_Bt-N!Et5fnG<@aedN2>L6KYje
zse-tZ(jlM^z$hef1xeaYZ1@9z06W3)3wW(0g@BGd*O|0wByC6D#+iT~w;XA!aKjDO
z0ixh|8EFJW!d@M09RMOXrcoDh)3|_1+S;@#jvxu9ic{qP5P8{hn+!^j1P^f~0zndX
zu;Vu|B7!KiTkaxHh-eM})I#n<kG3OFgng$j(y8i+UUaIA?-~@5AW^wkmMZ{A?qptr
zw>VZ$1QA!Wrs0QRcCh$+l8lV4iZt3?M?8H7@A-2*0}cQAW_N)6P8EK$WGAy9t*lY^
z8;M8Pk{w5?P_C)?&5|iy!TTzM^F?gQIOk$pS_6mEl4+A!*+}jg99eku94{8%F?^6I
zr0(JUUS)6=lzPc><Gl$(Lj8Q^{7og%i>-MToWrJZ8(x^*k}crpxVff3Tju;|F=gR*
zc1(Hs+*mjvGs_Fr!U=WKT%!|xkB?W9iw)}!F-T)*hXXCtqOVN$?Oktrj|ziNOf*w9
ztm`FfZFO`$0aNar^e)Tc<#az+bvc}#^Tf~0UBN*cB88B?5>@8Zt(>wa`1K${BwQcI
n5F@flpwxSama%SLgSY1}nJ@4I6~SZ}>nEA?jtyZ=zTE!@j(%cx

diff --git a/dist/css/tabler.css b/dist/css/tabler.css
index 329f3f165..39809d88d 100644
--- a/dist/css/tabler.css
+++ b/dist/css/tabler.css
@@ -24,7 +24,7 @@
   --lime: #7bd235;
   --dark: #354052;
   --primary: #206bc4;
-  --secondary: #8b929e;
+  --secondary: #7e8590;
   --success: #5eba00;
   --info: #45aaf2;
   --warning: #fab005;
@@ -214,7 +214,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #8b929e;
+  color: #7e8590;
   text-align: left;
   caption-side: bottom; }
 
@@ -971,25 +971,25 @@ main {
   .table td,
   .markdown table td {
     padding: 0.5rem;
-    border-bottom: 1px solid #dee1e7; }
+    border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .table tbody, .markdown table tbody {
     vertical-align: inherit; }
   .table thead th, .markdown table thead th {
     vertical-align: bottom;
-    border-bottom-color: #dee1e7; }
+    border-bottom-color: rgba(53, 64, 82, 0.16); }
   .table tbody + tbody, .markdown table tbody + tbody {
-    border-top: 2px solid #dee1e7; }
+    border-top: 2px solid rgba(53, 64, 82, 0.16); }
 
 .table-sm th,
 .table-sm td {
   padding: 0.25rem; }
 
 .table-bordered, .markdown table {
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
   .table-bordered th, .markdown table th,
   .table-bordered td,
   .markdown table td {
-    border: 1px solid #dee1e7; }
+    border: 1px solid rgba(53, 64, 82, 0.16); }
   .table-bordered thead th, .markdown table thead th,
   .table-bordered thead td,
   .markdown table thead td {
@@ -1028,19 +1028,19 @@ main {
 .table-secondary,
 .table-secondary > th,
 .table-secondary > td {
-  background-color: #f3f4f5; }
+  background-color: #f2f3f4; }
 
 .table-secondary th,
 .table-secondary td,
 .table-secondary thead th,
 .table-secondary tbody + tbody {
-  border-color: #d1d3d8; }
+  border-color: #cbced3; }
 
 .table-hover .table-secondary:hover {
-  background-color: #e5e7e9; }
+  background-color: #e4e6e8; }
   .table-hover .table-secondary:hover > td,
   .table-hover .table-secondary:hover > th {
-    background-color: #e5e7e9; }
+    background-color: #e4e6e8; }
 
 .table-success,
 .table-success > th,
@@ -1163,7 +1163,7 @@ main {
 .table .thead-light th, .markdown table .thead-light th {
   color: #8b929e;
   background-color: #f1f3f8;
-  border-color: #dee1e7; }
+  border-color: rgba(53, 64, 82, 0.16); }
 
 .table-dark {
   color: #ffffff;
@@ -1252,7 +1252,7 @@ main {
   color: #354052;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
   @media (prefers-reduced-motion: reduce) {
@@ -1268,19 +1268,19 @@ main {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
   .form-control::-webkit-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::-moz-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control:-ms-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::-ms-input-placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control::placeholder {
-    color: #8b929e;
+    color: #7e8590;
     opacity: 1; }
   .form-control:disabled, .form-control[readonly] {
     background-color: #f5f7fb;
@@ -1333,7 +1333,7 @@ main {
   color: #354052;
   vertical-align: middle;
   background: #ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/16px 12px;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -1387,7 +1387,7 @@ main {
   margin-top: 0.3rem;
   vertical-align: top;
   background-color: #ffffff;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -1408,8 +1408,8 @@ main {
     background-color: #206bc4;
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: 0.75rem;
-    border-color: #206bc4; }
+    background-size: 0.8rem;
+    border-color: rgba(53, 64, 82, 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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
     .form-check-input:checked[type="radio"] {
@@ -1486,7 +1486,7 @@ main {
   z-index: 1;
   display: flex;
   height: calc(1.4666667em + 0.75rem + 2px);
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .form-file-text {
@@ -1754,11 +1754,11 @@ main {
   font-size: 0.9375rem;
   font-weight: 400;
   line-height: 1.4666667;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   white-space: nowrap;
   background-color: #f5f7fb;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .input-group-lg > .form-control {
@@ -2011,29 +2011,29 @@ main {
 
 .btn-secondary {
   color: #ffffff;
-  background-color: #8b929e;
-  border-color: #8b929e; }
+  background-color: #7e8590;
+  border-color: #7e8590; }
   .btn-secondary:hover {
     color: #ffffff;
-    background-color: #767e8d;
-    border-color: #707886; }
+    background-color: #6b727d;
+    border-color: #656c76; }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #ffffff;
-    background-color: #767e8d;
-    border-color: #707886;
-    box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
+    background-color: #6b727d;
+    border-color: #656c76;
+    box-shadow: 0 0 0 0.2rem rgba(145, 151, 161, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #707886;
-    border-color: #6a727f; }
+    background-color: #656c76;
+    border-color: #5f656f; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(156, 162, 173, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(145, 151, 161, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
 
 .btn-success {
   color: #ffffff;
@@ -2213,24 +2213,24 @@ main {
     background-color: transparent; }
 
 .btn-outline-secondary {
-  color: #8b929e;
-  border-color: #8b929e; }
+  color: #7e8590;
+  border-color: #7e8590; }
   .btn-outline-secondary:hover {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
   .btn-outline-secondary:focus, .btn-outline-secondary.focus {
-    box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-outline-secondary:active, .btn-outline-secondary.active,
   .show > .btn-outline-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #8b929e;
-    border-color: #8b929e; }
+    background-color: #7e8590;
+    border-color: #7e8590; }
     .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus,
     .show > .btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(139, 146, 158, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
   .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: transparent; }
 
 .btn-outline-success {
@@ -2441,7 +2441,7 @@ main {
   list-style: none;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .dropdown-menu-left {
@@ -2554,7 +2554,7 @@ main {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .dropdown-item {
   display: block;
@@ -2900,7 +2900,7 @@ main {
     color: #206bc4; }
 
 .navbar-light .navbar-nav .nav-link {
-  color: #8b929e; }
+  color: #7e8590; }
   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
     color: #354052; }
   .navbar-light .navbar-nav .nav-link.disabled {
@@ -2913,14 +2913,14 @@ main {
   color: #206bc4; }
 
 .navbar-light .navbar-toggler {
-  color: #8b929e;
+  color: #7e8590;
   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='%238b929e' 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='%237e8590' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
 
 .navbar-light .navbar-text {
-  color: #8b929e; }
+  color: #7e8590; }
   .navbar-light .navbar-text a,
   .navbar-light .navbar-text a:hover,
   .navbar-light .navbar-text a:focus {
@@ -2966,7 +2966,7 @@ main {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: border-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
   .card > hr, .card > .hr {
     margin-right: 0;
@@ -3003,7 +3003,7 @@ main {
   padding: 0.75rem 1.25rem;
   margin-bottom: 0;
   background-color: rgba(53, 64, 82, 0.02);
-  border-bottom: 1px solid #dee1e7; }
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .card-header:first-child {
     border-radius: 2px 2px 0 0; }
   .card-header + .list-group .list-group-item:first-child {
@@ -3012,7 +3012,7 @@ main {
 .card-footer {
   padding: 0.75rem 1.25rem;
   background-color: rgba(53, 64, 82, 0.02);
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
   .card-footer:last-child {
     border-radius: 0 0 2px 2px; }
 
@@ -3146,7 +3146,7 @@ main {
 .page-link {
   position: relative;
   display: block;
-  color: #8b929e;
+  color: #7e8590;
   background-color: transparent;
   border: 0 solid #e9ecf1; }
   .page-link:hover {
@@ -3170,7 +3170,7 @@ main {
   border-color: #206bc4; }
 
 .page-item.disabled .page-link {
-  color: rgba(139, 146, 158, 0.5);
+  color: rgba(126, 133, 144, 0.5);
   pointer-events: none;
   background-color: transparent;
   border-color: #e9ecf1; }
@@ -3258,11 +3258,11 @@ main {
     color: black; }
 
 .alert-secondary {
-  color: #1c1d20;
-  background-color: #e8e9ec;
-  border-color: #d1d3d8; }
+  color: #191b1d;
+  background-color: #e5e7e9;
+  border-color: #cbced3; }
   .alert-secondary .alert-link {
-    color: #040405; }
+    color: #010202; }
 
 .alert-success {
   color: #132500;
@@ -3373,7 +3373,7 @@ main {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   background-color: #ffffff;
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
   .list-group-item:first-child {
     border-top-left-radius: 3px;
     border-top-right-radius: 3px; }
@@ -3506,15 +3506,15 @@ main {
     border-color: #0d2b4e; }
 
 .list-group-item-secondary {
-  color: #383a3f;
-  background-color: #f3f4f5; }
+  color: #32353a;
+  background-color: #f2f3f4; }
   .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-    color: #383a3f;
-    background-color: #e5e7e9; }
+    color: #32353a;
+    background-color: #e4e6e8; }
   .list-group-item-secondary.list-group-item-action.active {
     color: #ffffff;
-    background-color: #383a3f;
-    border-color: #383a3f; }
+    background-color: #32353a;
+    border-color: #32353a; }
 
 .list-group-item-success {
   color: #264a00;
@@ -3614,7 +3614,7 @@ button.close {
   font-size: 0.875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
@@ -3634,7 +3634,7 @@ button.close {
   display: flex;
   align-items: center;
   padding: 0.25rem 0.75rem;
-  color: #8b929e;
+  color: #7e8590;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
@@ -3734,7 +3734,7 @@ button.close {
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem 1rem;
-  border-bottom: 1px solid #dee1e7;
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16);
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
   .modal-header .close {
@@ -3756,7 +3756,7 @@ button.close {
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
-  border-top: 1px solid #dee1e7;
+  border-top: 1px solid rgba(53, 64, 82, 0.16);
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px); }
   .modal-footer > * {
@@ -3901,7 +3901,7 @@ button.close {
   word-wrap: break-word;
   background-color: #ffffff;
   background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 0.3rem; }
   .popover .popover-arrow {
     position: absolute;
@@ -3923,7 +3923,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-top-color: rgba(53, 64, 82, 0.21); }
     .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after {
       bottom: 1px;
       border-width: 0.5rem 0.5rem 0;
@@ -3939,7 +3939,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-right-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -3952,7 +3952,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-bottom-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -3977,7 +3977,7 @@ button.close {
     .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(0, 0, 0, 0.25); }
+      border-left-color: rgba(53, 64, 82, 0.21); }
     .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;
@@ -4210,9 +4210,9 @@ button.close {
     color: #154782; }
 
 .link-secondary {
-  color: #8b929e; }
+  color: #7e8590; }
   .link-secondary:hover, .link-secondary:focus {
-    color: #646c78; }
+    color: #595f68; }
 
 .link-success {
   color: #5eba00; }
@@ -4434,46 +4434,46 @@ button.close {
   position: sticky !important; }
 
 .border {
-  border: 1px solid #dee1e7 !important; }
+  border: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-wide {
-  border: 2px solid #dee1e7 !important; }
+  border: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-0 {
   border: 0 !important; }
 
 .border-top {
-  border-top: 1px solid #dee1e7 !important; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-top-wide {
-  border-top: 2px solid #dee1e7 !important; }
+  border-top: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-top-0 {
   border-top: 0 !important; }
 
 .border-right {
-  border-right: 1px solid #dee1e7 !important; }
+  border-right: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-right-wide {
-  border-right: 2px solid #dee1e7 !important; }
+  border-right: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-right-0 {
   border-right: 0 !important; }
 
 .border-bottom {
-  border-bottom: 1px solid #dee1e7 !important; }
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-bottom-wide {
-  border-bottom: 2px solid #dee1e7 !important; }
+  border-bottom: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-bottom-0 {
   border-bottom: 0 !important; }
 
 .border-left {
-  border-left: 1px solid #dee1e7 !important; }
+  border-left: 1px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-left-wide {
-  border-left: 2px solid #dee1e7 !important; }
+  border-left: 2px solid rgba(53, 64, 82, 0.16) !important; }
 
 .border-left-0 {
   border-left: 0 !important; }
@@ -4482,7 +4482,7 @@ button.close {
   border-color: #206bc4 !important; }
 
 .border-secondary {
-  border-color: #8b929e !important; }
+  border-color: #7e8590 !important; }
 
 .border-success {
   border-color: #5eba00 !important; }
@@ -5415,7 +5415,7 @@ button.close {
   color: #206bc4 !important; }
 
 .text-secondary {
-  color: #8b929e !important; }
+  color: #7e8590 !important; }
 
 .text-success {
   color: #5eba00 !important; }
@@ -5442,7 +5442,7 @@ button.close {
   color: #354052 !important; }
 
 .text-muted {
-  color: #8b929e !important; }
+  color: #7e8590 !important; }
 
 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important; }
@@ -5469,7 +5469,7 @@ button.close {
   background-color: #206bc4 !important; }
 
 .bg-secondary {
-  background-color: #8b929e !important; }
+  background-color: #7e8590 !important; }
 
 .bg-success {
   background-color: #5eba00 !important; }
@@ -8077,7 +8077,7 @@ Top nav
 .topnav {
   border-bottom: 1px solid;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   position: absolute;
   top: 0;
   right: 0;
@@ -8180,7 +8180,7 @@ Sidebar
   z-index: 1030;
   padding: 0;
   background: #ffffff;
-  box-shadow: inset -1px 0 #dee1e7;
+  box-shadow: inset -1px 0 rgba(53, 64, 82, 0.16);
   top: 0;
   bottom: 0;
   display: flex;
@@ -8362,7 +8362,7 @@ Sidebar dark
  */
 .sidebar-dark {
   background: #354052;
-  color: #8b929e;
+  color: #7e8590;
   box-shadow: none; }
   .sidebar-dark .sidebar-brand {
     -webkit-filter: brightness(0) invert(1);
@@ -8405,7 +8405,7 @@ Navbar logo
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .page-title {
   margin: 0;
@@ -8429,7 +8429,7 @@ Navbar logo
   line-height: 2.5rem;
   font-size: .875rem;
   font-weight: 400;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;
@@ -8551,7 +8551,7 @@ Navbar logo
   content: "•"; }
 
 .breadcrumb-alternate a {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .breadcrumb-alternate .breadcrumb-item.active {
   color: #354052; }
@@ -8559,35 +8559,35 @@ Navbar logo
 .btn-secondary {
   color: #354052;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(53, 64, 82, 0.04) 100%); }
   .btn-secondary:hover {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2; }
+    border-color: rgba(33, 40, 51, 0.16); }
   .btn-secondary:focus, .btn-secondary.focus {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
+    border-color: rgba(33, 40, 51, 0.16);
+    box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
   .show > .btn-secondary.dropdown-toggle {
     color: #354052;
     background-color: #e6e6e6;
-    border-color: #b9bfcc; }
+    border-color: rgba(28, 34, 43, 0.16); }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
     .show > .btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(197, 201, 209, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(53, 64, 82, 0.5); }
   .btn-secondary:disabled, .btn-secondary.disabled {
     color: #354052;
     background-color: #ffffff;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
 
 .btn-outlined-secondary {
   color: #ffffff;
   border-color: #ffffff; }
   .btn-outlined-secondary:hover {
-    color: #dee1e7;
+    color: rgba(53, 64, 82, 0.16);
     background-color: #354052;
     border-color: #ffffff; }
   .btn-outlined-secondary:focus, .btn-outlined-secondary.focus {
@@ -8666,7 +8666,7 @@ Navbar logo
   display: flex;
   align-items: center;
   padding: 0;
-  color: #8b929e;
+  color: #7e8590;
   cursor: pointer;
   background: none;
   border: none; }
@@ -8676,10 +8676,17 @@ Navbar logo
     width: 1rem;
     height: 1rem; }
 
+.btn-floating {
+  position: fixed;
+  z-index: 1030;
+  bottom: 1.5rem;
+  right: 1.5rem;
+  border-radius: 50%; }
+
 .calendar {
   display: block;
   font-size: 0.8203125rem;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .calendar-nav {
@@ -8698,7 +8705,7 @@ Navbar logo
   padding: .5rem 0; }
 
 .calendar-header {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .calendar-date {
   flex: 0 0 14.2857143%;
@@ -8729,10 +8736,10 @@ Navbar logo
       color: #206bc4;
       text-decoration: none;
       background: #fefeff;
-      border-color: #dee1e7; }
+      border-color: rgba(53, 64, 82, 0.16); }
   .calendar-date .date-today {
     color: #206bc4;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
 
 .calendar-range {
   position: relative; }
@@ -8822,7 +8829,7 @@ Navbar logo
     height: 5px;
     content: "";
     background: #ffffff;
-    border: 1px solid #dee1e7;
+    border: 1px solid rgba(53, 64, 82, 0.16);
     border-radius: 3px 3px 0 0; }
 
 .card-cover {
@@ -8863,7 +8870,7 @@ Navbar logo
   flex: 1; }
 
 .card-footer {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-progress {
   height: .25rem; }
@@ -8873,7 +8880,7 @@ Navbar logo
     border-radius: 2px 2px 0 0; }
 
 .card-meta {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-title {
   display: block;
@@ -8890,7 +8897,7 @@ Navbar logo
   margin-top: -1.25rem;
   margin-bottom: 0.625rem;
   font-size: 87.5%;
-  color: #8b929e; }
+  color: #7e8590; }
 
 @media print {
   .card-body {
@@ -8900,7 +8907,7 @@ Navbar logo
   margin-bottom: 0; }
 
 .card-body + .card-body {
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .card-body-scrollable {
   overflow: auto; }
@@ -8918,11 +8925,11 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .card-drop {
   line-height: 1;
-  color: #8b929e; }
+  color: #7e8590; }
   .card-drop .icon {
     width: 1.5rem;
     height: 1.5rem;
@@ -8965,7 +8972,7 @@ Card table
     border-top: 0; }
   .card-table tr td,
   .card-table tr th {
-    border-top: 1px solid #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
     .card-table tr td:first-child,
     .card-table tr th:first-child {
       padding-left: 1.25rem; }
@@ -8973,7 +8980,7 @@ Card table
     .card-table tr th:last-child {
       padding-right: 1.25rem; }
   .card-body + .card-table {
-    border-top: 1px solid #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 /*
 Card code
@@ -9016,7 +9023,7 @@ Card profile
 Card list group
  */
 .card-body + .card-list-group {
-  border-top: 1px solid #dee1e7; }
+  border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 .card-list-group .list-group-item {
   padding-right: 1.25rem;
@@ -9040,10 +9047,10 @@ Card tabs
     border-bottom: 0; }
     .card-tabs .nav-tabs .nav-link {
       background: rgba(53, 64, 82, 0.02);
-      border: 1px solid #dee1e7;
+      border: 1px solid rgba(53, 64, 82, 0.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: #dee1e7; }
+        border-color: rgba(53, 64, 82, 0.16); }
       .card-tabs .nav-tabs .nav-link.active {
         background: #ffffff; }
     .card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
@@ -9059,7 +9066,7 @@ Card tabs
       margin-bottom: 0; }
       .card-tabs .nav-tabs-bottom .nav-item .nav-link {
         border-top-width: 0;
-        border-bottom: 1px solid #dee1e7;
+        border-bottom: 1px solid rgba(53, 64, 82, 0.16);
         border-top-left-radius: 0;
         border-top-right-radius: 0; }
   .card-tabs .card {
@@ -9087,7 +9094,7 @@ Card tabs
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e;
+  color: #7e8590;
   padding-bottom: .25rem;
   pointer-events: none; }
 
@@ -9150,11 +9157,11 @@ Card tabs
     margin-top: 1.5rem; }
 
 .empty-bordered {
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .col-separator {
-  border-left: 1px solid #dee1e7; }
+  border-left: 1px solid rgba(53, 64, 82, 0.16); }
 
 .row-0 {
   margin-right: 0;
@@ -9220,7 +9227,7 @@ Card tabs
   overflow: auto;
   font-size: 0.9375rem;
   background: #fcfcfc;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
   .highlight pre {
     height: 100%;
@@ -9596,30 +9603,45 @@ Card tabs
   justify-content: center;
   height: 4rem;
   text-align: center;
-  border-right: 1px solid #dee1e7;
-  border-bottom: 1px solid #dee1e7; }
+  border-right: 1px solid rgba(53, 64, 82, 0.16);
+  border-bottom: 1px solid rgba(53, 64, 82, 0.16); }
   .icons-list-item i {
     font-size: 1.25rem; }
 
 textarea[cols] {
   height: auto; }
 
+/**
+Form label
+ */
 .form-label {
   font-size: 1em;
   font-weight: 600;
   display: block;
   margin-bottom: .5rem; }
 
-.form-control {
-  vertical-align: middle; }
-  .form-control:-webkit-autofill {
-    box-shadow: 0 0 0 1000px #fff inset; }
-  .form-control:disabled, .form-control.disabled {
-    color: #8b929e;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none; }
+.form-label-description {
+  float: right;
+  font-weight: 400;
+  color: #7e8590;
+  line-height: 1.8285714;
+  font-size: 87.5%; }
+
+/**
+Form control
+ */
+.form-control:-webkit-autofill {
+  box-shadow: 0 0 0 1000px #fff inset; }
+
+.form-control:disabled, .form-control.disabled {
+  color: #7e8590;
+  -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;
@@ -9632,7 +9654,7 @@ textarea[cols] {
   padding: 1rem;
   margin-bottom: 1rem;
   background: rgba(53, 64, 82, 0.02);
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .form-required {
@@ -9640,18 +9662,20 @@ textarea[cols] {
 
 .custom-control-label::before {
   background: transparent;
-  border: 1px solid #dee1e7; }
+  border: 1px solid rgba(53, 64, 82, 0.16); }
 
 /**
 Form help
  */
 .form-help {
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  font-size: 0.8666667em;
-  line-height: 1rem;
-  color: #8b929e;
+  display: inline-flex;
+  font-weight: 600;
+  align-items: center;
+  justify-content: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  font-size: .75rem;
+  color: #7e8590;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -9659,13 +9683,33 @@ Form help
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  background: #f5f7fb;
+  background: #f1f3f8;
   border-radius: 50%;
   transition: .3s background-color, .3s color; }
   .form-help:hover, .form-help[aria-describedby] {
     color: #fff;
     background: #206bc4; }
 
+/**
+Form switch
+ */
+.form-check-input {
+  color: #206bc4; }
+  .form-check-input:checked {
+    background-color: currentColor; }
+
+.form-check .form-check-input:not(:checked) ~ .form-check-label {
+  color: #7e8590; }
+
+/**
+Input group
+ */
+.input-group-prepend .input-group-text {
+  border-right: 0; }
+
+.input-group-append .input-group-text {
+  border-left: 0; }
+
 /**
 Icon input
  */
@@ -9685,7 +9729,7 @@ Icon input
   align-items: center;
   justify-content: center;
   min-width: 2.5rem;
-  color: #8b929e;
+  color: #7e8590;
   pointer-events: none; }
   .input-icon-addon svg {
     width: 1rem;
@@ -9697,57 +9741,57 @@ Icon input
 /*
 Color Input
  */
-.colorinput {
+.form-colorinput {
   position: relative;
   display: inline-block;
   margin: 0;
   line-height: 1;
   cursor: pointer; }
 
-.colorinput-input {
+.form-colorinput-input {
   position: absolute;
   z-index: -1;
   opacity: 0; }
 
-.colorinput-color {
+.form-colorinput-color {
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   color: #fff;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
-  .colorinput-color::before {
+  .form-colorinput-color::before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
-    background: no-repeat center center/0.75rem;
+    background: no-repeat center center/0.8rem;
     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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
     opacity: 0;
     transition: .3s opacity; }
-    .colorinput-input:checked ~ .colorinput-color::before {
+    .form-colorinput-input:checked ~ .form-colorinput-color::before {
       opacity: 1; }
-  .colorinput-input:focus ~ .colorinput-color {
+  .form-colorinput-input:focus ~ .form-colorinput-color {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
 
 /**
 Image check
  */
-.imagecheck {
+.form-imagecheck {
   position: relative;
   margin: 0;
   cursor: pointer; }
 
-.imagecheck-input {
+.form-imagecheck-input {
   position: absolute;
   z-index: -1;
   opacity: 0; }
 
-.imagecheck-figure {
+.form-imagecheck-figure {
   position: relative;
   display: flex;
   margin: 0;
@@ -9755,14 +9799,14 @@ Image check
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
-  .imagecheck-input:focus ~ .imagecheck-figure {
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure {
     border-color: #206bc4;
     box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
-  .imagecheck-input:checked ~ .imagecheck-figure {
-    border-color: #dee1e7; }
-  .imagecheck-figure::before {
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure {
+    border-color: rgba(53, 64, 82, 0.16); }
+  .form-imagecheck-figure::before {
     position: absolute;
     top: .25rem;
     left: .25rem;
@@ -9778,103 +9822,74 @@ Image check
     -ms-user-select: none;
     user-select: none;
     background: #ffffff;
-    border: 1px solid #dee1e7;
+    border: 1px solid rgba(53, 64, 82, 0.16);
     border-radius: 3px;
     transition: .3s opacity; }
-    .imagecheck-input:checked ~ .imagecheck-figure::before {
+    .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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");
       background-repeat: no-repeat;
       background-position: center center;
-      background-size: 0.75rem;
-      border-color: #206bc4; }
+      background-size: 0.8rem;
+      border-color: rgba(53, 64, 82, 0.16); }
 
-.imagecheck-image {
+.form-imagecheck-image {
   max-width: 100%;
   opacity: .64;
   transition: .3s opacity; }
-  .imagecheck-image:first-child {
+  .form-imagecheck-image:first-child {
     border-top-left-radius: 2px;
     border-top-right-radius: 2px; }
-  .imagecheck-image:last-child {
+  .form-imagecheck-image:last-child {
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px; }
-  .imagecheck:hover .imagecheck-image,
-  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image,
-  .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
+  .form-imagecheck:hover .form-imagecheck-image,
+  .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image,
+  .form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image {
     opacity: 1; }
 
-.imagecheck-caption {
+.form-imagecheck-caption {
   padding: .25rem;
   font-size: 0.8203125rem;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   transition: .3s color; }
-  .imagecheck:hover .imagecheck-caption,
-  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption,
-  .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
+  .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: #354052; }
 
 /*
-Selectgroup
+Select group
  */
-.selectgroup {
-  display: inline-flex; }
+.form-selectgroup {
+  display: inline-flex;
+  margin: 0 -.5rem -.5rem 0; }
 
-.selectgroup-vertical {
+.form-selectgroup-vertical {
   flex-direction: column; }
 
-.selectgroup-item {
+.form-selectgroup-item {
+  display: block;
   position: relative;
   flex-grow: 1;
-  margin: 0; }
+  margin: 0 .5rem .5rem 0; }
 
-.selectgroup-separated {
-  margin: 0 -.5rem -.5rem 0; }
-  .selectgroup-separated .selectgroup-item {
-    margin: 0 .5rem .5rem 0; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item + .selectgroup-item {
-  margin-left: -1px; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item:not(:first-child) .selectgroup-button {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated) > .selectgroup-item:not(:last-child) .selectgroup-button {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:last-child) {
-  margin-bottom: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item + .selectgroup-item {
-  margin-top: -1px;
-  margin-left: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:first-child) .selectgroup-button {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0; }
-
-.selectgroup-vertical:not(.selectgroup-separated) > .selectgroup-item:not(:last-child) .selectgroup-button {
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0; }
-
-.selectgroup-input {
+.form-selectgroup-input {
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   opacity: 0; }
 
-.selectgroup-button {
+.form-selectgroup-box {
   position: relative;
   display: block;
   min-width: calc(1.4666667em + 0.75rem + 2px);
-  padding: 0.375rem 1rem;
+  padding: 0.375rem 0.75rem;
   font-size: 0.9375rem;
   line-height: 1.4666667;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   cursor: pointer;
   -webkit-user-select: none;
@@ -9882,27 +9897,74 @@ Selectgroup
   -ms-user-select: none;
   user-select: none;
   background: rgba(255, 255, 255, 0.064);
-  border: 1px solid #dee1e7;
-  border-radius: 3px; }
+  border: 1px solid rgba(53, 64, 82, 0.16);
+  border-radius: 3px;
+  transition: border-color .3s, background .3s, color .3s; }
+  .form-selectgroup-box .icon:only-child {
+    margin: 0 -.25rem; }
+  .form-selectgroup-box:hover {
+    color: #354052; }
 
-.selectgroup-input:checked + .selectgroup-button {
+.form-selectgroup-check {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  border: 1px solid rgba(53, 64, 82, 0.16);
+  vertical-align: middle; }
+  .form-selectgroup-input[type="checkbox"] + .form-selectgroup-box .form-selectgroup-check {
+    border-radius: 3px; }
+  .form-selectgroup-input[type="radio"] + .form-selectgroup-box .form-selectgroup-check {
+    border-radius: 50%; }
+  .form-selectgroup-input:checked + .form-selectgroup-box .form-selectgroup-check {
+    background-color: #206bc4;
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 0.8rem;
+    border-color: rgba(53, 64, 82, 0.16); }
+  .form-selectgroup-input[type="checkbox"]:checked + .form-selectgroup-box .form-selectgroup-check {
+    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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e"); }
+  .form-selectgroup-input[type="radio"]:checked + .form-selectgroup-box .form-selectgroup-check {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); }
+
+.form-selectgroup-input:checked + .form-selectgroup-box {
   z-index: 1;
   color: #206bc4;
-  background: rgba(32, 107, 196, 0.08);
-  border-color: #206bc4; }
+  background: rgba(32, 107, 196, 0.04);
+  border-color: #7aade9;
+  box-shadow: 0 1px 1px 0 rgba(32, 107, 196, 0.2); }
 
-.selectgroup-input:focus + .selectgroup-button {
+.form-selectgroup-input:focus + .form-selectgroup-box {
   z-index: 2;
   color: #206bc4;
-  border-color: #206bc4;
+  border-color: #7aade9;
   box-shadow: 0 0 0 0.2rem rgba(32, 107, 196, 0.25); }
 
-.selectgroup-pills {
+/**
+Alternate version of form select group
+ */
+.form-selectgroup-boxes .form-selectgroup-box {
+  text-align: left;
+  padding: 1.25rem 1.25rem;
+  color: inherit; }
+
+.form-selectgroup-boxes .form-selectgroup-box-content {
+  opacity: .64;
+  transition: .3s opacity; }
+
+.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-box {
+  color: #354052; }
+  .form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-box .form-selectgroup-box-content {
+    opacity: 1; }
+
+/**
+Select group
+ */
+.form-selectgroup-pills {
   flex-wrap: wrap;
   align-items: flex-start; }
-  .selectgroup-pills .selectgroup-item {
+  .form-selectgroup-pills .form-selectgroup-item {
     flex-grow: 0; }
-  .selectgroup-pills .selectgroup-button {
+  .form-selectgroup-pills .form-selectgroup-box {
     border-radius: 50px; }
 
 /**
@@ -9939,7 +10001,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 #dee1e7;
+  border-top: 1px solid rgba(53, 64, 82, 0.16);
   margin-top: -1px; }
   .list-bordered .list-item:first-child, .list-row .list-item:first-child {
     border-top: none; }
@@ -9974,7 +10036,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
 .list-timeline-time {
   float: right;
   margin-left: 1rem;
-  color: #8b929e; }
+  color: #7e8590; }
 
 .list-timeline-icon {
   position: absolute;
@@ -9987,7 +10049,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #8b929e;
+  background: #7e8590;
   border-radius: 50%; }
   .list-timeline-icon .icon {
     width: 1rem;
@@ -10035,7 +10097,7 @@ Remove the cancel buttons in Chrome and Safari on macOS.
     border: 0;
     border-radius: 3px; }
     .list-group-transparent .list-group-item .icon {
-      color: #8b929e; }
+      color: #7e8590; }
     .list-group-transparent .list-group-item.active {
       font-weight: 600;
       color: inherit;
@@ -10050,7 +10112,7 @@ 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 #dee1e7; }
+    border-top: 1px solid rgba(53, 64, 82, 0.16); }
 
 @-webkit-keyframes loader {
   from {
@@ -10116,16 +10178,16 @@ Dimmer
   background: rgba(53, 64, 82, 0.4); }
 
 .modal-content {
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px; }
 
 .nav-tabs .icon {
-  color: #8b929e; }
+  color: #7e8590; }
 
 .nav-tabs .nav-link {
   padding: 0.75rem 1.25rem;
   line-height: 20px;
-  color: #8b929e;
+  color: #7e8590;
   cursor: pointer;
   background: transparent;
   border: none;
@@ -10135,7 +10197,7 @@ Dimmer
     color: #354052;
     border-color: transparent; }
   .nav-tabs .nav-link.disabled {
-    color: rgba(139, 146, 158, 0.2); }
+    color: rgba(126, 133, 144, 0.2); }
   .nav-tabs .nav-link.active {
     color: #354052;
     background: inherit;
@@ -10190,10 +10252,10 @@ Dimmer
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: #8b929e;
+  color: #7e8590;
   text-transform: uppercase; }
   .page-item.disabled .page-item-subtitle {
-    color: rgba(139, 146, 158, 0.5); }
+    color: rgba(126, 133, 144, 0.5); }
 
 .page-item-title {
   font-size: 1.2em;
@@ -10202,7 +10264,7 @@ Dimmer
   .page-link:hover .page-item-title {
     color: #206bc4; }
   .page-item.disabled .page-item-title {
-    color: rgba(139, 146, 158, 0.5); }
+    color: rgba(126, 133, 144, 0.5); }
 
 @-webkit-keyframes progress-indeterminate {
   0% {
@@ -10436,7 +10498,7 @@ Dimmer
   padding: 0 .25rem;
   font-size: 0.9375rem;
   font-weight: 600;
-  color: #8b929e;
+  color: #7e8590;
   text-align: center;
   background: #f1f3f8;
   border-radius: 3px; }
@@ -10628,11 +10690,11 @@ Dimmer
     .step-item.active::before {
       background: #fff; }
     .step-item.active ~ .step-item {
-      color: #8b929e; }
+      color: #7e8590; }
       .step-item.active ~ .step-item::after, .step-item.active ~ .step-item::before {
         background: #f3f5f5; }
       .step-item.active ~ .step-item::before {
-        color: #8b929e !important; }
+        color: #7e8590 !important; }
 
 .steps-counter {
   counter-reset: steps; }
@@ -10662,12 +10724,12 @@ Dimmer
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .04em;
-    color: #8b929e; }
+    color: #7e8590; }
     @media print {
       .table thead th, .markdown table thead th {
         background: transparent; } }
   .table th, .markdown table th {
-    color: #8b929e; }
+    color: #7e8590; }
 
 .table-nowrap th,
 .table-nowrap td {
@@ -10691,6 +10753,9 @@ Dimmer
   -ms-user-select: none;
   user-select: none; }
 
+.toast button[data-dismiss="toast"] {
+  outline: none; }
+
 .toolbar {
   display: flex;
   flex-wrap: nowrap;
@@ -10713,7 +10778,7 @@ Hr text
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
   .hr-text::after, .hr-text::before {
     flex: 1 1 auto;
     height: 1px;
@@ -10727,7 +10792,7 @@ Hr text
   .hr-text > *:first-child {
     padding-right: .5rem;
     padding-left: 0;
-    color: #8b929e; }
+    color: #7e8590; }
   .hr-text.hr-text-center::before {
     content: ""; }
   .hr-text.hr-text-center > *:first-child {
@@ -10774,8 +10839,8 @@ b {
 
 blockquote {
   padding-left: 1rem;
-  color: #8b929e;
-  border-left: 2px solid #dee1e7; }
+  color: #7e8590;
+  border-left: 2px solid rgba(53, 64, 82, 0.16); }
   blockquote p {
     margin-bottom: 1rem; }
   blockquote cite {
@@ -10835,7 +10900,7 @@ Subheader
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .04em;
-  color: #8b929e; }
+  color: #7e8590; }
 
 /**
 Antialiasing
@@ -10901,7 +10966,7 @@ Markdown
 .example {
   padding: 2rem;
   margin: 1rem 0 0;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   border-radius: 3px 3px 0 0; }
 
 .example-bg {
@@ -10937,7 +11002,7 @@ Markdown
 .selectize-input {
   display: flex !important;
   height: 100%;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   padding: 0.375rem 0.75rem;
   font-size: 0.9375rem;
   box-shadow: none;
@@ -10968,7 +11033,7 @@ Markdown
   height: auto;
   width: auto;
   left: .5rem;
-  border: 1px solid #dee1e7;
+  border: 1px solid rgba(53, 64, 82, 0.16);
   background: #ffffff;
   color: #354052; }
 
@@ -11021,16 +11086,16 @@ Markdown
 .fc-unthemed td,
 .fc-unthemed th,
 .fc-unthemed thead {
-  border-color: #dee1e7; }
+  border-color: rgba(53, 64, 82, 0.16); }
 
 .fc-unthemed .fc-toolbar h2, .fc-unthemed .fc-toolbar .h2 {
   font-size: 1.5333333em;
   margin: 0; }
 
 .fc-unthemed .fc-button {
-  color: #8b929e;
+  color: #7e8590;
   background-color: #ffffff;
-  border-color: #dee1e7;
+  border-color: rgba(53, 64, 82, 0.16);
   padding: 0.375rem 1rem;
   font-size: 0.9375rem;
   border-radius: 3px;
@@ -11038,24 +11103,24 @@ Markdown
   .fc-unthemed .fc-button:hover {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2; }
+    border-color: rgba(33, 40, 51, 0.16); }
   .fc-unthemed .fc-button:focus, .fc-unthemed .fc-button.focus {
     color: #354052;
     background-color: #ececec;
-    border-color: #c0c6d2;
-    box-shadow: 0 0 0 0.2rem rgba(210, 213, 220, 0.5); }
+    border-color: rgba(33, 40, 51, 0.16);
+    box-shadow: 0 0 0 0.2rem rgba(102, 110, 124, 0.5); }
   .fc-unthemed .fc-button:active, .fc-unthemed .fc-button.active,
   .show > .fc-unthemed .fc-button.dropdown-toggle {
     color: #354052;
     background-color: #e6e6e6;
-    border-color: #b9bfcc; }
+    border-color: rgba(28, 34, 43, 0.16); }
     .fc-unthemed .fc-button:active:focus, .fc-unthemed .fc-button.active:focus,
     .show > .fc-unthemed .fc-button.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(210, 213, 220, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(102, 110, 124, 0.5); }
   .fc-unthemed .fc-button:disabled, .fc-unthemed .fc-button.disabled {
-    color: #8b929e;
+    color: #7e8590;
     background-color: #ffffff;
-    border-color: #dee1e7; }
+    border-color: rgba(53, 64, 82, 0.16); }
   @media (prefers-reduced-motion: reduce) {
     .fc-unthemed .fc-button {
       transition: none; } }
@@ -11620,10 +11685,10 @@ Scrollable
   body.theme-dark .topbar {
     color: inherit;
     background: rgba(255, 255, 255, 0.02);
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.theme-dark .progress,
   body.theme-dark .form-control-light {
-    background: rgba(222, 225, 231, 0.01); }
+    background: rgba(53, 64, 82, 0.01); }
   body.theme-dark .example,
   body.theme-dark .card-footer,
   body.theme-dark .card-header,
@@ -11631,7 +11696,7 @@ Scrollable
   body.theme-dark .markdown table th,
   .markdown body.theme-dark table th, body.theme-dark .markdown table th, body.theme-dark .table td, body.theme-dark .markdown table td, .markdown body.theme-dark table td, body.theme-dark .markdown table td,
   body.theme-dark .dropdown-menu {
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.theme-dark .text-body {
     color: #afbdd1 !important; }
   body.theme-dark .avatar-list-stacked .avatar {
@@ -11654,10 +11719,10 @@ Scrollable
   body.auto-theme-dark .topbar {
     color: inherit;
     background: rgba(255, 255, 255, 0.02);
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .progress,
   body.auto-theme-dark .form-control-light {
-    background: rgba(222, 225, 231, 0.01); }
+    background: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .example,
   body.auto-theme-dark .card-footer,
   body.auto-theme-dark .card-header,
@@ -11665,7 +11730,7 @@ Scrollable
   body.auto-theme-dark .markdown table th,
   .markdown body.auto-theme-dark table th, body.auto-theme-dark .markdown table th, body.auto-theme-dark .table td, body.auto-theme-dark .markdown table td, .markdown body.auto-theme-dark table td, body.auto-theme-dark .markdown table td,
   body.auto-theme-dark .dropdown-menu {
-    border-color: rgba(222, 225, 231, 0.01); }
+    border-color: rgba(53, 64, 82, 0.01); }
   body.auto-theme-dark .text-body {
     color: #afbdd1 !important; }
   body.auto-theme-dark .avatar-list-stacked .avatar {
diff --git a/dist/css/tabler.css.map b/dist/css/tabler.css.map
index 5865ff63e4935b35d51554a9d1c187221cd5c5c6..7ceea70eef002dd746f9b99332dcaf35e5cbf8b1 100644
GIT binary patch
delta 14459
zcmch63w%`7)$ebglXEh25=cS<2@t{rF+4I!W|GN^5oOMqb0$L)$O8hzsDwNx^UTbI
zWTJ@l^9dGd$GUuisI|5FRczWGABZTeRf__)Y8CO-)_%9O6|MENt<}5EV<wXTt-bfV
z*WVAEv-a9+ueJ7i{WsTqxcnz~mL7Plkn^=i1iR?;w?`+A6n?%St5oO|*PBI$!(kUU
zb@s+jtSDVlDRj1^(Clu<2=6xAgwBmR)$Z67<a^^w?8VDRh0Y;iQ$oOi&}+9Nf1}%s
z3t=HC1s5i^+Pl+c1%=MRhE|Oq#SAy}PW<7bTj-2YVUTxhvWu>b9r2rlBV1!pu)7EN
zhL8|H?wt33`Z@8ba}$NKeY{hXJ#mR^4rLr!KjO5Dem)w%!Y$3Ut*hjfuc~!bym?cA
zuhhS-@ssYd%uyl0ufffJer+cdJxPk=wX6TJXoL^&-gZStKR?tS63jtl8%o%VM90L2
z#yqk(w$|^|o#W@NYr{@-j@xbS3Gl;fM|fp-Xl?warZq-ShxS=N@qW`^NM=w7@wL3J
z^Y7OHZM3!9kUzp#P3&yjOgL|w_Bqrx@k#rYgd1+rzC$e&SFHarlNog?_dLpvIHN**
z&s_`R7hgOBZ5iWhC0*+1#eX*zM+CG%tVGqLf_a#);ypq{&=s!a>(N7d`c4*gDu!0_
z-Ds!6vn8mr*c}$$9i8}ke}-XuHLo04$=C3@q*^2-C6yu-O&3ISPZb{)HYnmE!bWop
z#SJMs;I~)M<@=D3+&PSz;Z9LBdz@AL*3>17vV?0clp235n$updODauBsz|b<e2+7P
z?9EDWDx#v!fyq-U(M{SZs9&v9Q>YF%Ok5sZY{>U_^x55Yysx9*+*8kcwXdNL*bpR3
z;-^M`g&|hU_v?;5GWI@EcZgGV;MY(`{P6h1KUrH6f8_G}{>gel{OT+A=GpMDs7p^e
zyQ7A;xq9KFlVsjR+qR)}zOn^FN%RQTmaV)wg6@s!gfWFMGMzAtgc0P>J?;?(TPMD_
z`Z;RhKtqJLw|ayMSCq$l9}-Gk5uMBJ5o+WAdHn<b-*{H;yvL;K(|lHa&|056{^ibC
zc6hZnajPC7<{pb*zpE?Ls#Fu?scgh@a(dSV*@32HgsEH;7u*;pN}Ui~`X!$F`sF0I
z6bZG?M0N8Dqt4#A|E5j3Hia%u(k)`|#L1iPW9C<4_SnUsU{%toh7Sq;wiw<;Q1G?I
zZ~xY}vy`jR{A_mw(S>VnX(-vC=oS<@lp?}A96{uFVD@X<TL#ocUrYSpE$3xNP+DU9
zFv^_x@Rp~U4Z(GNDlxGV6T<7FsuU4J+R<pP<Hv<FnFiO5X-wvBhof6Lbc?xfT&Qcu
zTNh(O?L_)r=_G5kEpg{|M@$IC7wmn|7;7&@7K<<zKe2Zy=WVaS!ekMK+T--TZ|07o
z@quJVun0E3cj9~dVi{O`YK3<6ZjI2^8LxWqx7>hQF=~YV=tS{D-D#PnLcK8PR{Sq@
z#P=NdAk&6~p+<$Usbga2BOkGNLqkqMzoF|NH4riy|Hfm-h$Y_r_<mA3K|kRpBsS4}
zFq%Hs)~0we=&Wi(U-pEYwzgsIJO0LzYqGp;l}S$`PdxCGYv$IpXgjJ~v>i1q+K%dY
z=1+f<?ZKj;c~~5F`kc{wo;6T@XWaTqK5@p$E9LRV7Yo!sdrlNkF=zZEb)opxa?0Y2
z7r&}<{kA+_g<SY&qUG4Wn`Z`vA+bt{IFD#^b;d1n0dUuoJh`-&*wbc~;;OGzUG=wi
z#;<y6w!CYQ{D?hQHIlI!6_AYj4N44p#L^8>7!Q&0W^b!f54_?~E2jT2?-M;p&`t3O
zW6k4ueI6m|bgPR4t#$bA6)RfmmFnRWOIzv^++HyXj$!g~jxAYN?GC>f62?FXlMgbr
z@E;bH@P~H}k@<2*gnW^fW8o9NvpYt_YJLoQ#)uu8Totc$qfxQ96aI6IR8c`8ewWvh
z6BHa_>_iy77QTWv*9q~ryz1gb{sIcW%6v=UwiwCCRU`~LlT*p4xUm-=kCBR*HP}}I
z;(Dd61jP>dvlv-QXNI+&C`Oc?c;cD@aBd?P!Uy*f?)*N7qfbeJesgzJ90;qC84)Xn
zm1frCaP%l^y-=}-<g<2%P~8xMYqya_7}MioH(C%AJ3HagZDemwEZOxiU&JUsCih)Q
z+KD}goE3sT_#l6GFIqPu;3zOI1_V?zrqlo&BgVz>q(Lz;=In(%GHH-6x{CPdnV4N-
zy<(R|EJeGX_z$w5<b+&_PKym$9C3|-{~EF;JJc{q_6lpp;OI5v$((BUB-J7gtd7F%
z*Al+KhJve`lAgqs=3d3<`1V7yGb%)HO{-{kl!_HF=Q`3~UD22-#M?B65vMlygsaRw
zRx#9+U=l4N^1vh45ld!GwI<10-73L}Fv-2;dh%zZMW=3s&#x!7SYXl2R^3}@tEaUW
z8g3xYMan`|TZ)>cZ8&j?6=ID|7Yhe&Ad$=w{WE0KPXWsh2nS6&$!sp7uLW%2-AT5W
zc=hl4s#Y9=6*H7mLLDimcsqJw)-H0j(Nd)yvlaI3A_FUw>j-abwKrSD$i_DF0M_pT
zJz1I^8?gwt;&&_FDr&v4S<5-(t=!NH&Kt?2nBrD(u)EpbiVo^tBWHe{2qZ&EE}W!9
zoXO-(yU9*!#;8y&D$|8c9N;_QqdjE7tQu@UeUl@AxUo}S{0-7eVMt<pAa9+xu2a4>
zPU!4KbwY*cQ_5zk=odQ8rT95np-V-q(D3xV#8P7y!;&}Fju$;FRgASu`kf9+k%m#M
zAOljkVT?y32PLmdDU}1#kSoN)7mtyAi0&qHwh!?2V(CVuIn;^u8!>Zx2BiVDB@Rdx
zN-9NguT9eSR!LZ96=4zAaIzK;NCDSY9&a=(4d|NGYMO{{vtMvH{CW|#I~>whCF<5<
z3JppgtT6U;)MyZ!E?jk-)R-M@VN}Gi!EN5)aBN64M~Ay#Gb@HCSM%8S2BaDup1zMX
zZ;vWI8jwcNM+iqyy!wei#_UDrI;ST^%_?U=k**B1gHn`F${&zo{1$Ct1fxNzybb~D
zt|D+KF-q7S15(hb1a4T0jA;%JjF}Q1pE3q$F{MZugo<ZL0bF%2NsGUHO+LKXPiAD{
z>DuJ2n1N;Os^<Cd#kUF1RpWT88s~)W?~**|x}R{{`)ie=>PIxE_ym9A2<}JQtdk{Y
z01eeN^QxMS@<Wx1Vl_^`q#El>4n7Edcr0Tz&WPm3A;aNFGzz>Nw=Yo=2Bk5qyQ=>?
z?TY1<PAnIS>2;%;=~bhu<v3rMl{%cfDq##!n!_=wmEZ(f@HIr8xIZcl+m!tg$!BYq
zVAX$+1#s|wvO7aT7T5qKD<6gS?~sj|o*IR3M5?bwJ}fyVc<npnO3W0Wq#!%5gvhSv
zyQG&`;JNRT(acz#!apiS>oopcxby+CANd2)YUKAzjh!&#d*lM_Qvqp<UM7%?rMmb<
zbam)^q;&2`J5GLXzZ7jBS5T!C(Z9p+!|#!PEaU;Hmd8Twm+JTqSpFdKE=Eu(+1k8<
zz1c5SwfR&~iBXtD%YMlwz+(@RhckU@Qu!r6Hd?&$Jh=WLQd$%oT!(tcq@lredhVu1
zQv9mIxp3+sjG(BO<ih>elbJbMh$cMiaE-(9Fv-J;%)vWKz1;MDvSLlpRfqQw5d*Gz
zCjvH~6zoGC(QSb~MMpj)*+eDIgHn~KB94$`X;jBvX}l4Q?+Iags&g@BXB19-pLCXu
z3L$B$f^UP;D6iy~!{Jp^#fJ#RiFuPi&5qu2C;TWvOt~m#FafY}dX|DhZ=770TfQMA
zjo>t=h>Er;2tFi5^zX3ptsFI`q;gP-37v4dpUm5i8ankjL-JPV5MGs%%U-n3>*X;J
zwHFbuR58R?DLI3SF|<@|)yml&W}D&(FJFqQ=n5}iA(*`wQAqM5%2!DNC&I0eRN0Ef
z$sLret?ENTNZLM@$TvK_(%GrWkF-QZSDmOI9T6RalD1%39TlC41q^tx(Wl?<dWU1Z
zQW`oGCx?|cj-V8Ac4ET`Nm1={1V3@;lPm-LsHoi9_yE6sOvEmLZka4diXLji7tK?I
zBK%Q=*6C9G2`Rn-9)%#JmMT((ctxdlj7xPDN(#lKstPr=v3RG{F@C#wRB@h#AJO8-
zg1BBCvyzdx+NVTAtJ}QEp}Yz?um(?yReY>LdQY=rdB~L*tk8T(nXEk6brn030-I5w
zqS&yaSUPIvL(SmLhe>1JxLfTwR;ebS<j*j_bzmLX50IiPi%M_^=xvL%H2{ML$cKnZ
zwn{jGi6fG;BmRvYx$@W}q@LsiQU<>fDS|Vu_4{Ng{Qd`|J!42s*AdB!9lc?Kd_=ON
zt^`bVk4QDr7`T5#;t1@wO5w(&(xaF!y-@mNQX?<@G3g@Q=;%5D@xBxu{myQg5Ufa6
zN$K?#X<aAmeUzATCQ%AjT44yac<E7M#=%@2DI_aCi~#!>8P2Z5=N3KEDy4vPOuqIp
zVy7~KYNFOi0Zh~vo*)ad2U14&8mV&(K7E30$i`VU;n_N6H(Yv<{Lna}LdQBOD$jqC
zc!+U$ozm$`rI7sfL*()_<7lh)y%lnfkk@9~)&>*6qExDvKRrSoq%uadalsWuS3UGB
z8BJeaD<m{+_PCVR(dzIzTd{2oxk{T7;1rjJTI4k^kr+t<CvLCHiclSXb&Qnf_){>8
z*HwY8nSGq>pX(44ja-4j39E$F{Xl+(9pyC~B^K0Ft;fKyxT00-C5$4gE0#itKi#<i
zTqj6V_9QA2hh1X`itar@Zp-RP_(~(njW3f*Qq-pu#E7d`c_$E}t}vf?O^CR>e6M`R
zFUaGB^HeM6R=VnKaM>$l^{i5x_FZj5J;bOm?t+=SiKBS(V5|-<y}wquy!!SE8!UL0
zv~mObcdbnxdzJiBiJvi-0$)a5ot<*muSlCh8h0rvA9IPF^1;_NlGU|Ai85D5r(ATB
ze3RfSZnevuj8mJdzZZV`CaGNJS8q>2O<3t-{D`z(83u=>rXi)7X=tyKA8~a;@hKcu
zHMpnz@0gcY{)hMuLNPM0e4|n^EBQ^T7!THOl;a-40**uF6woJn_@)lI`z<m^GE291
zpu2(%Ra-k8@W^{)R9^Ki`7Z+a_b2kwUy~@4864Pv88qB5G_b*`q7PUYAv5IX{)==P
z8n9|MtWLD^V8dD*SJa0`e3)!lH%Z@wboD=c=N6Sx+c3mWt_E>J4}3%p{*OxY$?ttk
z*3)clUtM**MPB(Sxod|00gv2H&x6oDcD9_AMtyl99Evb=V75R_z~TF72L9n@XVTW1
zWpGTOHfoFIPHGgcDrXru5@B-SAtyC5^>eQ55UC&2Ol5ynzYRWbpuWcTZ0YIit%9aC
z)O^_Irj{|bzM8%|7;dBr;chpT1)sU8W{oJXUQPWV0|{&{g9qD9aAmGx0USL_EtDM{
z)UC#p!*(2|mdb|B)T<<2v&{|{{gRn2|E-%UXQ%QN%8i3m5i?1YLw;%jMe5+DAXT6q
zr`RcfKS+&cCO;uZq8G}IS5V(CN;qu)Otui#Zlp_L_h~8v-prw9O$yccZ@7cnw>-iB
z(NQWd@jLW0Y7SibELF|aY^klR1@a*?C;hyd>YAR~8c-Lnyo4!*cb=zAXXDua0#%Y}
zt2Udg)mHqg#tI8AWuhuOs|$H#Gc$*&?#C}!_#CzO4DLd>^)kk)ZP8o?$`)NgdE@ic
zUlSjYs`>CcRC~gTlnsFNBKTl4lM5@~qd4HY8S@NlWesXqRfT`qY*73bH4iR)kIIIN
zE@jf8<t@sfd>Y}-cd4ONk&LPjZ2m1?$3^d<?q?Ol!Hi#1^@)A^cT#h~bePJ7yWXdA
z;l*E5>GG~$Q{S39?Mk4Yp=ZeL|DdvrY7omFmM$wvNO`w{UI1^FA;+_3`VNvHqy4!s
zUQR!iAatK#OmJBReT7btabt68oME&S%B?kYE3KXKKs`N!Xg{A^L4PtsH*t77wG=Fe
zDTDle1D!=pF;pgv^wD&t-nzxw3y$?v0ozyISKC*w-G-h=Tsv)Jtd>ekr7X15r&CiR
z=TaK6T@BqSKX?iK!&yvaRdrQ2?AS`r)$=hYOwWZoLUd4HLKn{0(=oBM5Kf2bTDD5t
zt6sPETRuEYpUg<{ZN}G`TKV;Dw4Y3xhPQXp$iUid^eQM{Z#2S%H!>WQT}Nlbm(Mc>
z`4`*iV(k`)9a`7Wg>b<xIv2KmkFJ%s+(2KYIShu2(sCiIC~c<9?V=awXvL=WI?V2t
zJ872IDpRF(8GQ5|dN$m>m!1Qg@1d8#-QT3s<tO*igVZ#ZeRm_v-S^Pxz<!%v1jlct
zjq;v*=<4Zw<M*Nm6+RjHo|<})Sv#ZRR@xw!KR}nvPJ~A1AzGMKU5}YpXE$x@3Umd^
zeV%|9TH5i@)%Q^u^6^9T9ob3O&4PPYv$<e-nP%a}W9S2{yZI@!=a13u>9nfj^y2BX
zvE%gm>9ju`r<b0E#=^=IXEJ|r0v+=B3HrS0J8)ssR2m0Yyo`>UqA3SQUZ!{Im+yFo
z&I1byl>NV;*R4vWhVs%F`R&}ayApw-@~YI^XQv%arCzr^KTY1A&zSPnGMuI~0eJUW
z^y8|Z8(nf*1#_Q4QDP1Zui}d27i*a(69rb@)5IK4_PPER=EuooR?BwqH^z(MoefO7
ze0LkO#%R!+h6#o~FwTdZF6J8bNXl9RSwF-w)bdB81%A`TY?~b(*wVdJDQPx~*`!oo
zOF1&_xC}21OLqU9v#u`#tk~zn`JZ5ytGJZ8OXI4nGn=YxC<&!0QkH?~IqJ?N7pGKc
z-(&~M*vxE)wPh*2SpLRl=5u2r^7eepoDX0Ao-xAHL(G+#TcUxoeqXRV>In?MmDgc&
zf9jW*gO}AZM$?vHG#d1;Fj>p1!+m~xSHNTndj<xh2@14c!WBTBm+45xX^z&>e&}W9
zkx6$w_o?wb`L8}^K0T@D{1DTW{E`D9W~L!U%F{cs^X<Ns%Y>3~92$00TnW6@$YjZX
z7-L?i61Kc>IrHM=DLb-_bKt+XVG(|KH*JJtESC>AeTE+Y@(SkT#Fqcw#@w$)gM8nW
zOkVQ34{c{Ebr$*4?aarN#`EFVn3-CAp>VKxU?yjiS6t2P(pQgO%dDhQly+E|0yuCT
zV*twy%$}ri@bg{FLI~c#aPsLJn2q}8wKp;sCJi}Iz*Wo7?Pivz3>>N_q2Oj_xu%Qz
zW@gW{<wE)M+n7I=XwiM*W2Q*^HT!9%JFjB-@~(gs4Es&K?k#;jyu9TVa9{;j1VfqB
zY{e%Ac=&0?cAmOi*4r293420OPcUG*T)AmAC{}0}4kXAGv*&3ImuzEZ8|o_Ss%xz_
zJG5j|vx~F}HhE%CFc1v~wKKZ{Fyk3!G1Pk5EZAk|X0sYMT=EQKo7ofe1;Z;$nrI8$
zeIef2<Iga;`4>k#<9(NCs*HMiqk}6<-6PQ;tnEYPUwVf5Unzc9hAudDgo#bkl<RtA
zCAR{uI%zOM$?q_ROn)b7&{4?Q;NT;)VP?6tG8xr_eXt`Nd&(QVRL0!$+9Z9Nc4|#n
z_*140em;|(3zxN{3qQD!GsB^uGX8AU*O5_Av}aIr_HiE$8~LYjT0Q*?l@6apaHjb(
zgyT$b6#v?M5C_3ke<L&C!%aBn?C?>AIV%Fe=+YHEgMB^TzTRb~D@_oJQu*eoYUuq!
z^|m_@8i|?)!oiV{dL}x1|6X*^w{E3o<*C=WB^d7Q3zzA6Yk?hiP<gNlP@m4*P=T+#
zOwS?~dEv9n?a5qt>SxT8Og~0W860qMVR$ElV%c(yu$<=_VCC~ny3R1pbD>GE0}j}Q
z@Y?fCmA=fqz)X-j`KcEeJJCsh`#DoMxoU!%qf8$BqZ<`^(TSH|aif8S-lNRbI?pDN
z6IBheH4Qxe?twnlLtu?zjmWNMXTS!Yo1d!Hry{pCMJr{@GMG%d3E8hO^T2YWfr0v$
zn1Fsv=y*~qq%Ki&H(P}h*qoDFZ#>Qv!{#vNP~9=+bjk^8xw^ZK<zOwcoFP-jjSmpS
z4*S20Q5M?4VKg9KNgjaRUvux~mzhp|_v0@!L;BCfzhHv3D#N7pD+YsG`@*_SljJh>
zr#VIENppu^VRB8=#GJ{W;t6Ggt^z7H2Wp$R8PM{}<mI<Eaka3=NY70aS2aOSdbv69
zHgXkCJ8O!{u<{kAKo>q$MV*+kes-1c^a8l^6{a|MN&@Jf+}q48g=dzq2)5R6T&6x_
zX<k0s%vq;WPP~fd{mzKvi1aFBfsgT1SL5=N%s`&HEz;-f>xrtlR<<QL29Ag564=*3
zb8x7Q%YceEnL03ChW-16h4f5#dkd8u_EfjL^d>Wq5-|!C1%#qAipr}ZX497L9<L%g
z&}&k^)s$C$LhBHfo0mM*RPMpzx*{0x#bD3PTwcZslf_h4u9h;D)tF=j>l>IKr~iVP
zwX%yzpL2#0S{5C@-M9okU&+mbx1Ye_^5MPMbFWIG_0zne5ZZ>QS&S+d9`;l7DoXXR
zo92<TP_-i*B2LH_6P*E@hNuiy(-2PQ(z7k5e^=It_1s)I@IH<&iY(|p#pIjMune!~
zoXYHI!8e6Hr>L1w5u`4ij^|Y$>b4#mrsmb^#rWUW6OYM-!ya`0mqF@}uyKgWOf|eN
zQRV;d1UJE|zH|;UN3pfsHcTxuBrD0qr<et2kK3K6nAOAvIag4#Zy84y3fD4o@ZX}I
z9;EVD;`50HM$T}lN9i;x`hz_qk#ngG$JcR%(DW&y>*lwZELC{kQ;7Gop26AprK3!G
zm%|tB3kSNReI_hk5oOj0_Nyhyq{Y%%GI?5%^+nEdv&wy64)4;~Z(nJ|8LV5vo>JaQ
zr`Mce2eO_^M42+S^aY|Q>hNl=Z1K5Vktzbt?dR4mW;T5I3B{_HKP#D+$>Y_%m1ooN
z>?S7k18WnPtJGn(NF4&&)xvZZ*TLOyF{{-)(N7O~e7=PL0Bc?WJijC@Q;qpzO}|u*
zX`Tm6y+V2DZRUM#f~64<z`Hs0JURLvvz*q^+nV3v!0qqiUQbWVbSg+V)`lSJvG<vS
zX*yp;4?RcT^9SZN{k<dbM<$k*Qh3yvZpOz<VWPKGe9T;&n9vc!EGAQ*K@R_!DNo4W
z{|U~U`JXWtPGN!W&zRSzP-N+^%=$!?ma$47nw2>1&0@9`_7t<<NCBntibd>Y3A70N
z&S&>0^pQ%~I#SUciJG>IAY=+$+}j=PF6;F~{GLc;W!Iu;5ZAgE>Emp0B#KzSPYx_$
zcO-|dhnKN)<cwu(LxLi2TF(BAD%K&V($Mu$&ezwE2&^(RW{L!To?dtoUjk%z8G9(9
znmohGR;MBb>^1rF<{I{uRIn1dojOmxte*WlJ?VA1dnMbNrp_iBjK0Xl=EI*HtN~tk
zuv>LsoM^)rp;g;3*_0th0l#bCWLC(}@@xhvJUg&e%Zdq3h-?9TDzKq{f`3agEtU8Z
zXhqy?t+c^DC;P&=aBxUu(bnng=fft6U6Hs*e6E_OD4PL?BsN>sSbd+qdm~*dXS&!>
ziTdmVRDhiiC&M@|Jnm;};ie;qHR%BRD4ATAe-~trXs<u8YJ@c@>}ym`aE!1E;lMDP
zE_X-Rm$W@H@+?nhgCS*512WF$%APCOi3?%FLG}VDe1grK@Ar%?UA!gO8^hE_9Aq|~
z*Wcf7Hr3e9Uk27E*!h~_Q#h0d0D1irEJft_LH1ZqPDneTE3jDq1*cE2W_im??6c|E
z-G=+q^P#CfJrj<1rW;{=HI6F(IKeJ}<9+EY?CD8Qht1vT>GIlFSvJiW@pmm!(LH?r
zI$LwyEpM>+CmsJ7<Xhe_UNJ8V`^#Bh4Ca5O$AWos)?bYGis!_p*MB82+R|gd2fQ+l
zgSRFOx#0W6m<1*6+)Q}kS~h#0X}M{s)nYlnVsXUZ?emrOV^J?tz~nN>GjOJbCM;WO
zk2^bD1q(t{*kb4IG@48$8VZFQP8m$Fp^uuOAkPJI`32mQ<lje@G$KoIT*%!Bf4&lt
zP69se%<l?J>T(8vEN(F@f_K^s>G=AYv(~Uo!HhZZaTi*?%SX*R2WA9k7dJ2eD`3P#
zRY?Fu%v7)f4vq>uoOO9(St~jgyGf2*#I2<C;TYlJxc(D?VT<-tMoc&(!GUORKHTHv
zmceD;Ma1=UC%0SQfWWRfOKpCW=w&LTJ5T3CG<T2w6OqDP_>GfW&!r$7ga`BG5*PPO
z0%EEJ+RZ_Nfas+i-frMn`15M+CyS<?s^gN9v!bS=N$tw|Jp&`*KGPJ&6l_w|#8p9d
z6Pk(8<mUf}r_6_eW^VbvhCP`XDZ?Bf>Z#Y=I2G;`n$-6_{clSmKXf340BAG(N#qP?
zpC+fEAUizMn4SyYx&x6}UOV?ExZ^O+*$T?3_~$4G&r~mTD!9o>0XN8D!qCk2V|HHj
z29DK%W`vpPZo|wBZE{JXnWgXx7d{8Ln+%H~ui0=uh<0v4j%H2DNTWiTx#xl(C7^<q
z%8S!y!QNL`7EZOKrx$5T=(?UUxT%O{-nph@lP+@p8pFa_X9`k>!80+MGTD{@88pm?
zciIg(N)gY7uC<20z~*!#mpxqvP%umJzrrjfprVuG>(N6fFawUa7}&33+@gPpS|&vo
zL8u+EBXJw@RFro1@If$A2p_D&;w_b9d;a_1j2V<g1t)pXT5Tv&(MhYtq>dGfLt)Iu
zaLjBfuUv*MOo{H4i!J+#P^Avqs_`F+^VV|}y=tNS9|0$qPZp+Bo$wyPe1BR2quxAR
zlx-}?88a>J=??dnMMB*@_(T`8!->z0a~G>tC7zt7$w)$g8^18lg<CdpC3;3948ebv
zAEnas&k@m(Im9glOOQ*eHQ|3}q=WLLk&v#vx+-iYQxKK&L}NG<K=&a-0UUnK$b1FZ
pA!Mdz$t2b&J~Q&CnJ6R7=(AbN)tUKU%+so~6XW#qo!rG`{~IdCU0eVF

delta 12341
zcmch533waT)%J5|d`H%JPwd1??8pQ{f*f0t7uj(j(Trzg$9BBMi4$mI$BVqkmgHT|
z&Qd}MSrFuuHiU$IZ2~SGpb$b?K2nxAB&-Dz%F;snvy}3Gg%<Li8EIr2r}X3b`}}?$
z$-3v>bMCq4p5;CFnSJJ~KD+4fqqF$o<u0*UD)BFGAANe(KhvkV#MP?`g)GV8a1=|c
z`USTbczL1OoF}YyP9_(ZIR=EXtO8+mi9S*6SXGbfO~skneqr^X;1YE?eJH267+K28
zvT!O_&{?Ea>eOggaZ^O1PgvdW%nR*}vTRPAd3W(%Hr6k+3-zj=&R(HN2y7Ogj_yPe
z#bqv`TP1i)QvY8Gqi>h2VsIn3P#4~4bcu5YWAxMyloU(dLQi0AnVjNZZWGke@bX+C
zYgLah6dDf(j+8Ax{vM%B<?j|s+r>bYGc%C9^xHW@NH*8{#Nskkx3*Wz@*x3_6f_SK
zJB3kuc_KOAQ`KD(vRSv#Th&{FCMzq;YVHwSRReh5ZXst`z*Dizm{%Vhj*LE6@fC^l
z30{;quK0f~1C}4C%R`nvp}#J0qHg-=`q~P@7t{o4`8A^_>NXMHRUI7XRB3D6^|#UJ
zd`T5FBos(^grD4;9w@vtCeAMm3qA7q4mFql!#LZeUV>y38rsz(<q9jqH*OPZk$JPb
z1-?E_(gNSPZGqWs^XIrl_10`cw^$@-96d+~9=O<H5i9~SRk%||x3qm>IL}?8ZikCY
zLgIUn5VDR<@F6vDpgZ~ELG(XW=1@sU=5W{{k=cgJ(1?<h)lrfw*e6c8)boATol@tO
zf)adENJ1|XLU&^m29R1@T&cRQDk5L9=;2`#I%HjXb1s@ED8?hBOJ??FjP`oC$eD%p
zt;J=9g1x>itGP%h2#)gW1G|RKqPy6IigBCXH2e|K*5mdQ*5e4*H?F@h@WjZDADDmP
z2j-Fkt2gYQQGom9<0a}AFA%yg#sUda>ge2!od#j38of&D5C^LVg{(fIQ|t>7dR4-}
z_X$2EcyLANPC7(;_2?^CKF`c9aP|qsH63EUvtPaDPB9M&A%k{^*1*<n_xyibld%0(
zlcrDQIrYKQ=9C6bZuiIMmg~6(Y38Nwz-8B77TsQncZ%bVO1#r&u3Z#Af`ssSan)%2
zjsQ{fhS)TIk-xldJxOwjZgGOgc8P^Z2rSyQDyaZh_h68P<aCKH2{YZ@yKbjxJ}rnn
zq8B3pbE{W$)%sBZkC;;vaNT%EoO(k+wql0|Et$5rbZ&#HqDNeX&g&5z4iAnTC?LpQ
zt!jnrRe@{v&WZ0vX*#<PWsW|+_bIxvV|lAa)MxyndwIVmMZ(Z=lxGzRBjVIW_PXKV
zqO2x|qe<O#T~_OeXsg4^m;9o2^wd5Brlwl`>WdwIu`}?=&G#Am>dd&rBK8LM@1Mt;
zYYQ-dEn-n^U~K>ONq)g9j*Qn1i`b=Bh=E)DQSlfrVz*|Y0@1DJif``y(6~%JVS!lH
zKKk)}O%bs!u}JJM)$U?7-kI`vMxg)j%drJQkvO<iBV#;|E_?6`F2*BvVm?64ox@_o
z=+Z|b3GoH$9z9M50&^ZaNQOqAeXNX-zR|eH`wc1nTGg<glHpo3ZL_z;U+W8w1N)x7
zD$ZPE3mX>K1T4>7m13z5a*R|5IV{ydj*-C2&wP+z8?S-Bl6>_rna`O<-+%VBA#moe
zT;S*{)58DXJe3?+@Okia{LSRR1D^&zRqrMfTVT(bnZfTs<C|Py?B!{JPhLsZK8M~-
z4t)03zyG9;SpunJ$${%$2!2p*fIpF}${RgAMgs8|!cwPGHC~6*<!l$>%$wxAz|Lj7
z^5<q!91-slJEdXG(>f%7HO^-qB}qzIJ9(J<f&6zNEb@>qqP(kuf_<ynq0mc4D$QEb
z>5_`nq~jCZQeoKXF%o+#N6=e3#Qu^pZL*+R&AMGuel_|(f(a=P2|-Vmx}+XB>m`4U
z?+Y8d*wHPuxPj><e~AtTn@>`M4WgbRX-ZNb`7R<3)3qK71JW`#oIgy8vBc&IHL9jV
z(y+R|YnbE)cD1Gjc6IH~>=ah2C8$eiK%H`h{s~oWNa{uZg#kawiNhi>5~@}ftX9fH
zelm}Z&JEUEDG%!roE{{}@ZAP-Nrc!_+78<`lJn5*N2CGG?fp`}y7#X)lKpXbAG(%)
z$>CO7H<3EB*oSL-#c(F`OPJs>hzCSO5hGHMSYKS`$9%8?^&F9MC+O*y%$T3x_)e0p
z#BU+M;<i>PSQ;&oS{jvyuOJ6Wf)#^H-`FA*l)Axn6<L;GMckv4F{24?c=jstM1s3~
zoNST$%G)9EQzE1mplo-=xSesT0u{v^5^x+zipr5}`886p!z>L$%+;i=xVLhmn4!wx
zS}Cj9;b>O5TC$q0k~O?YvPjw*6>!4oO(Y4PzM3Q%`$9r{l=rSCMq=y^joabNZN!dw
z84rvADR_)Bi!@M;7P<HuQgXgJ)mb}HUtg^XX{8*gFE6NR58QSQ>Em6Yp*<H&+esd8
z&J9lI=faxpWb-^*Xgru(g9zIpN|>in_4<jjhY&^sdo8)r*d1Ek4!f@<u1nM_$z6$%
zt<oapt;`p)T$u1(A%!a)4VblSa9o48i~2U`NCj7StVEI49pn)VR;$#%+JY<5NUN=a
z^4~j%NO(0w5N$~f?TWOMY*(>xzNCSZJgE|W?(N+qeFowZ$sf+m#f}1W?sid$+Cy3x
z^p_&Zqq%9Jgz#2W)&~e1Ki4eeV8p1AV@6&qYc4TInvmellA7S*z-`2`_i{o_&F!+k
zbO?2E$-||?>Ji&zpHoexF4^n!3UF|Uq&VB9Won6XN%ay&y~Cjw8Oc$CRY^n5-J-+M
ztruCx(m^#2>M#u2<tjC0xa4I;0xY|U<iU3yVo1>L0u_|kVMTDs&FcbNW~BsvmJ%2E
zKU<AZc?U_82ZdGY)R3?myO?&lMLm>DZpAZo;jlpJ2<Hu#Y(*Oc?-w_$Ua5zMORk5*
zcaX#jRROA5#wToO2K1<2**sK-zVDOshw9|OFXVLlDu)9%c8II-sAvqt=IXv)G;3A|
zp1nics1wUlyWA-TmFg0)qBK^f0dt6465EYz-V*IxzLItD<eg+z(K@?okPhtORyrJ*
zz8qphmbz|44D}_&jt&&pf-3dPeygfdpWJV)leHWHC+;FUjTqcm6Xd1s(0Mm$i1OvC
zs|I9uZe8Guqltl@${6_cZn8<mN3zxzb;;Nl!SFq#h1lSod&p2!LB7f}BwO=?Jg0|v
z*my4i<mr(yps|;dE0D)@A6YaV`zE<mj})9}K*#C6k1S5{)FDhN>y~@!M%1=U?hcJH
z3*ATB&^3GH9@W8di3dAID7v3?osVsq?62(>iz~b3;o2UpEtC5(dbI8rD}`(m;Q9N>
zq3B_)73r4!YSYnJnF#OzF((X}Rn`4+uenavt{P6PCn*UN-Lcr=a1KMlJtQ%(??E2+
zyhD=a`|-+j7>4ee8*<kHB#(nTM_H~ASiCl=Q|?u7w^Hq!RW@}WJYpUW^hAYwV9mve
zm1S8Lq+@8~BC84j9gc#qOFGIr)kRX-q@;n&vNyN`e0zqZRaU#z5sI3$Ur?@Y7zZLN
zT;$UFe{~OaL;Do1%G%+xUy*sx^-Hp_++R|NZFHYBTvAk`MQoR<4VD}PtzNl9R67q3
zwo_W?;g!v$8t#>gO7XPKUb$Vn0gv2)Hvq?<z#<uah&b?Ky>jq!Ji*H`J(04x-r=ZM
zWv@^f2TL$?Jn~S<>MVrSxL6zdafnT`JW{esKa@w#D``>Lq^wB-ih>;G5JygM=#o}r
zJBWHo69gc%Kmic@5GhTxI|s3Cl&rG3b2)kmmfONQ=zNG|#N}xOhloC7kw-cK9wMJ1
zJ{^?t;iXs_kQ=bnUO!4INWusPv##ENoF}?fd#;Zf)NC<;XKGgl9wuLq`214c8OjFa
zZY;@z3JGAlHz?;W)x$*#GE6Z_`Xl6e5^d>QE@A?g2m6+n1S1-&z8ToZ$gkDPk71(5
zo(01O4gTz7#1ub{Sc@GlvD^*+_c4+c?F-fobRrC^?B5VyT)2WtHrXz?l|#QF#f;i^
zB21SNJ%&6hcrbKG70;<wHw$)o*|@d^a=jbQJ3>|_cqgE@LRBPObA<dV%A++Jg&6bw
zfo0B%z;copmGw`OJYwuxuGR~)+^IZrl&p_1`f7q>FD!bNydLYX@`S<y*W@ah&yo9>
zs1EJGE@!*YuDt#{88VoAB;Bf&9Zm$IA{N)Kk{ZmCozA=pz2e|pQI#@0M*IXrU)R5^
z3rkhL0L&{SJFZEm7CX9}%iZ93g&btXk{&Q0BN>o<k`$!pjnt!;Se(5h^|I<V&Y=ke
zIJ|+R!?u&8Vgiztd`>r-;)9dqrnoRN2@;hZr-+SYXo$SeS%W4o6#AVFx-&^gLqB-?
zRq`0V09n<IZBDxd4!lm5PAjwo$GH|%MCunuoN(Aj9GT-s!#d#XkhNNs>+A@z7g=D<
z8>EIehuHHi%A;?PQv`i!*ck+`L--nizI5g-lA=8H7AaEO<`Jj%+~#-UbCL4jzbCaS
zgB6XfIUkx3$@TA`zb5&Fd}s5x9rK(cDr)%pU1FQBb>2RFP{R(uFAT`_YIoTwS9Atn
zr8LxT6AI+^fVp`wTz{I(4FUIEwoXLA8gf@3r2P1vGb|!=S*Pq5bAm5a<5(WcdmD!4
z?lYvFL>Kn1K(l#Dt-UK8isKJt1`7v1AQvkuKP3G$p}TMe2A8k2y>JC4J#=mu>&0iV
zuN|=p{WGbEtQZizrQ<INo>Hue>hmZ*Q~7Wv49g`?DK-W8a;p9zn3b|r#_<NnQ(BJ}
zz4>p%4fJoM`addGL9tJ<T;aMRTT!dh@^^A`OlSb!2e=%ifMd>HVwls?+G=gJL%GC^
zh6jl<(-0n9E;B>nL7bBrm^es*+a<=NoOCjKS(@9H*Om`G<;>+=i?t=Ur4Wu(Gik88
zf{6#u`wWG@R5Q~dZUt+AB^AsN#IImE<%tUB!6;p%a%BVano%F!c#uy7OCl4g>{!SA
zff#~EDTc#a*<=_yMGbK5d77>~*uogNsXU)_G8t4S!->t2$x4Bjp$xU>_qKLJ(;zz&
zc4crp+}X!m05|nBQOYg7j1aA}XuDSzv60I3&CG)ty6vpJbQXM8iyD}2i<}1W`<aZX
z9F6;#TQAZ%POM}S_1`&7)C`}$z+}<_duw3}SjU(d)NZjC7Q)VB%sS3Kg`Ds^=ECUw
zf-IA@z=mJgmbll^{-6w%uRxQ*6*Spx_BOCK(|s}4?=PPPPrks^=sKu-CWLHh+IU&d
zWj)#J`g_3iTXqH<x{ynP1J5!>Sa=T;1)Dx%GL@TOWOmNbnI|5GyvHQM+V`2o`lKpZ
z|E*8*@b3G}(&*eGR6b8VMt&jG{FO;n8F^^<fZ3*VsN69V^fH;C`h6w^%9`nP$o?bh
z<oyu8oF6jYe<kjZA2LO-CykvATh2trz}O6qgH0bZ(aM^Sn0+Zz?&;wyc6Qj?lqMs)
zV6HK&0DNm>Q{k+IjZu!|u)iR>nrMOPu(pL#IIx0?g3GP!A$`ia-|!RIV8`uW&Sqm_
z`wSzW(Cl%0dKa4JOp<F-{%K<`n&h+!y4osMS5bL#5gS9oqd#2C{w)UV4NSUvuxL11
z78$KXRj_f)w26kzGFh_o=L6Z!Cc$Ap<(2Yf>|KV4W^0QL1AtBD=Cl^J7PW$7C7Yy&
zXwC{YkLFqOEcr_N3ik7`Ip9PS2FNAn856;?kToa=8rd(W(ZbxO+%`B-$fks%U0d~1
zAM1-yr=aNs2D}#GuQZ`M;Y21_Hn4V@t4(h`!OY~epKWk>Ey}-afQ^KCzhz^U%mMb7
z;XD9){)Bh_moav>GIJ~2OM*v#vYgIP9>1JjZ;TA3tzxKI!p?%5ce2yr(+60)@~a)}
zmay4iY%98N*G~5Q1Q^)P&b#Y3x3Da1T){*!wtQG}H!4VP#V_yu?1iv6lI7s>gKPpE
zzMD-@<l9&$GkNWcw`0%;*WS*i1eeXalT8dSQ&8lWlQ&RS-Osv{bpLqaDORKfc?HdO
zW%_T~WAR+@81SA8qweTys6g~dcGgsC!%4PmD)q!k_WY^T3r?~1Q>pi!V&_ezGOx0i
zPNiP=D!S$r&5&w<PhVwgzdscP1Fx}}->2T7pLuH=he`Z(^q_&)*}5e<nIuOfD<92_
zxH%kGj@c0@%B?98FN7(`I^*hV(jt^=(rEh3@jG|i#hCWKWxQBP&84?T>Olg#?=WV7
z;REA*C2bMCK~K5L!_{<*jnu;rmVIH&fp_OdM8OspmZX;gGzKjHAT!`-EgKC-zA#3D
zy&hvezMfjcn!NV{%>>i6d<wk!A{!5;m+-1`QX?s>`O<iva%2UqH|htotfh&tppotj
z>vf`$K4X~EY-ujQFx+*FaX@@6R~)7^)pB#Ai|kn@o5iYr6{!jSkYUccqIGS}&7q9`
z{dp~;Tj9()YJ$b-5gaUjiHU?W%}i`eu%H(QGdmuV&V<KiM#QSAJsOr&b1|^EmCl7T
zEi^H#Voe(rmC9E7sF7-hf`k`oDtwcM9G*oS76T961UX(>rE`oI$HQKlPR7l9mhy9y
zzx!xfIF-Tt0a{_y1J(o{BfkKCzkwQ|aEL}L#|P-|47ymTxtpH>m52Cf<-|rhd&0Fv
zCGqpXw3Xf#va@n*D_uSg3Eo~nQ{dt&=nh?ya{3CII6<#vDSVD0l!O)QRrIe6A6982
zG;X6apmrPmYJ#3;()m27j$tAcxQ1TM#EvglOD34EqnXNOJ7^L!?wGz=kx6@Z(rB=V
znAX<pqO)OaCw1vMLCqedn08Vg(g_y_UpGa@LVOMv0cYNzoO1InYMmhLK@qd~ZizL)
zbtP=7l6O7*H0+PQ=!hgZp29^br8m&UVU!cT6~J4GfG2LE^Yy)zf8IoQPgxkHJar5G
zWUjslo_dak(F}a`9BqQLW&A9te1=BC?*F1?5bt6P;3?-hD4>|>x4e%N{^w~1TvyJ|
z<y4=;s{PdSG!MM5FuWcU@7+t&A>$a0gN9@D6MeUFZTo*mH|SL0UZ9Jh@gZXZWW0|~
zc+FSFXgJ-*!~xgH#KPNuH%7)zuBm|0*+cW&>}~5bkxL>_y`C58FO;iZraQwn)2iYU
zkCB7Z*J0onjnSLo_hZx#t4`1=c;E!}>MCebRNM(wuh3lBcM5~-^Vji^WB;JlFt&+C
zf$1boW$gLj+s-5@)hFp(0y|gmX(U@+otLU9*wN!1=wG0HFKqKP5A>NfnX=(;r|6Zi
z@l{#@FTaZWCN%JallDaz5S7}|-Q;R*Zf|Ywn!^9ZYqSUUti@ZwU-M!oM7zn9tsH-y
z=8V@rEt<50e6pHPh3-=rbQ&uz%T)HgNw<*@8a}ecI1{{4Tr`Vl5Sre>a5#M#f3YEW
zquKD(?`bDk-lm?ean%;Kdj?y3P1)m=1=`On)d?n1RYQ!MV8Z&g4%a|$>*U4i(Sss1
zU8kR8xvJnru=^ca9rmyn(8Hc&xRj(xTk9&qu6Jp2P`h(l^;~<XEdN>q+&me+eV1m&
zxOzPUUOe(eIjZTbr|DeHYU*I?X^K72X*6a=HQM*P)9BB$ZlsYj`&!+t&HWnZg1%O7
zQ*Tp$Yl~?;SQ`0^jF8RGy(SxC-Fz~{ouRW6CahT4<LRHLZJ3xpKRB2$JHE$!(<P?t
zi8CGjt=%Rw`lY7kANMi%{yDDP1hH8^Ml57kvMJLh2wJdipugYK1HL<%(*MW?)@jVl
zq)8_U?tn)0En(APUp#A8?Vo7=5!L{dIt%VP$R)t;E3my(`SX4R|ANWZw10<9z?KVm
z1GEDAz>n7E2aITj4NKT*a7zixX%YLQW&eQvPHbgNs{ImS_ZB7w4&RAQS6ma{2$mbz
zh$QsubKI*VhMfzWDls#jK0^h#<Z0$SxaTZFtDe^JmQZV*KR0ucaNRmS7aG@d)8LKw
zXzKU#Uu5t|t$g~qT*&+<x|AuL4{9e0J2SYrtZ{#xlr7P#&!H*#nA%k~0~~&q;oxU~
z!g9U)C48ZXt7OyQmOs;_(<gFyJKXL*3=fRD3$o4;nW6cKEFo8KDy7NF;9uw`<46Nx
zLq->uqFnzOHBZ1cTYK@H<Fj7=O)dyfpedD4g3njbDCLbW>EjW4k}Ll^wSvioEsA%T
zkJ(EZ1P%nzL*ma7nBG6k$HJ1G*p_B&pb1L$*R&yA2$X%_P=CY}GlTOiovjOZpQV>h
z0e@T8s9@%0V+0&;MPpsFnU8|!o<pd0Xfq#w<09_iNsai!-*VYuWv!HJnluahDfi~N
z+SN0w(D0Q%<rgaNa@;pMZig?{(|Lf<+MvYD;&x5b^-Rg(%<xh+w<oCV-dET}WhjSR
ztG{%?+cxfCXt8odE>}pDZ}K>w4g(Zl0k=jUKzt#Wp?qoQ?qR}@OY2`_({xKIrxtQY
zCR|k3z5IxhxR`r%vMn{d%9e01GCCvVv@*%cw=&0tSHh+;E?p@o=kmr$TdKIdYHK?i
zmZV2e*c^d2RuTF{G1!AY%{&W>Yq<7s%kV@EhwVkEqi}RF7fiERE!aC)bMecDzwj9V
z9<Sj{@JKCpM_j0t&{_f$;<JNwTrvdeIEb0V2KMFLTJ`lLGpJ6urQkwughxlQ!_KJZ
zymMo0Hhhe-+4Au#*9s>#a<f5M&y}5v{*$ekPA}cSB`D<^xD90T5`_8OADGEBRorwK
z+rq8=7xV-LWxo17Nnx%8rSS@mHz-$b=N`Hws=sx(e?j*Eme+-FaE)Omq~{xA;q)5A
z40!z*_Z1Wz;}$6|{*F7IpuF)m_nd*);c&kp8IF4lhF^ck#YDgZf8s8_y7XfXKL-3n
zDy1JAx1_S?Wt|7vUb+Cjy8(mZ%o^PB+6aD)q$1{@!e<qc<2ZRHgMsfW=MO;DHl9-!
zR`7o$6A<p3)9|J3=;eGoe6@&+*AOlgrC<h#{t_G79k*i>W{F~r@Xa!Q5qPfVBX7Ku
zj{_a$V$rYS*J$c&d6_O$?yTXzB`UD(g+nX(NEO|df@eAYQXwu>E#UD*CWLM0g7-UP
zgtEAvU#j8P5_o+Dzf(o0Qji%TYKR$e>aFld1K+1YqBK}=DQ|?g8c>hJXHdU*BTu1v
zR-{2$zly(}XloQ)14P4;3SvnEDIZ5!AzU{1$3w*siw4Y~Z4H(YL}K>vCDi`sH+g6+
zFHHq`^SI#4san;ou%i*}`#qrd&OF}uLqN|&HJlvAbIBR%7^MaUPpBvpP*~=_MPZs6
zbgqW!G^l8NGa?S+RTN_TIiH$%&Z4-d5!=jNcVhafnt`5n%V|R*9GZ()9QepEbNac;
zC~{1PvsuO&@JnDapyO^n8k-*#hM4{xU<w+_nq^Fds%h9xo|(y~Ag`wE*NIevO!zop
z#+QKnpYt>S7aFH)rrZd7J~E`7Q(JN!O@hX^u>p-)fDb&Va%>RX;30!84+5O_bD@n%
zz=ntCns^J0O+)07x{m)U>;wNAs?37T?fgX{yfPgcujQk1r(E#=4z|pKwH?^@ecZrD
i!_PYS9JJY!UHnqjaMp9Ft^trPH(!~je06}YTJS$V@}fHc

diff --git a/dist/css/tabler.min.css b/dist/css/tabler.min.css
index 80fabf122..ca473015c 100644
--- a/dist/css/tabler.min.css
+++ b/dist/css/tabler.min.css
@@ -3,5 +3,5 @@
  * Copyright 2018-2019 The Tabler Authors
  * Copyright 2018-2019 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#8b929e;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#8b929e;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid #dee1e7}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:#dee1e7}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid #dee1e7}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid #dee1e7}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid #dee1e7}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f3f4f5}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#d1d3d8}.table-hover .table-secondary:hover{background-color:#e5e7e9}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e5e7e9}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:#dee1e7}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#8b929e;opacity:1}.form-control::-moz-placeholder{color:#8b929e;opacity:1}.form-control:-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::-ms-input-placeholder{color:#8b929e;opacity:1}.form-control::placeholder{color:#8b929e;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid #dee1e7;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid #dee1e7;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:#dee1e7;border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#8b929e;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid #dee1e7;border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#8b929e;border-color:#8b929e}.btn-secondary:hover{color:#fff;background-color:#767e8d;border-color:#707886}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#767e8d;border-color:#707886;box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#707886;border-color:#6a727f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(156,162,173,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#8b929e;border-color:#8b929e}.btn-outline-secondary:hover{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#8b929e;border-color:#8b929e}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,146,158,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#8b929e;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #dee1e7;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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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 #dee1e7}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#8b929e}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#8b929e;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='%238b929e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#8b929e}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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 #dee1e7;border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid #dee1e7}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid #dee1e7}.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#8b929e;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(139,146,158,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#1c1d20;background-color:#e8e9ec;border-color:#d1d3d8}.alert-secondary .alert-link{color:#040405}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid #dee1e7}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#383a3f;background-color:#f3f4f5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383a3f;background-color:#e5e7e9}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383a3f;border-color:#383a3f}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid #dee1e7;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#8b929e;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee1e7;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee1e7;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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(0,0,0,.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#8b929e}.link-secondary:focus,.link-secondary:hover{color:#646c78}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid #dee1e7!important}.border-wide{border:2px solid #dee1e7!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee1e7!important}.border-top-wide{border-top:2px solid #dee1e7!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid #dee1e7!important}.border-right-wide{border-right:2px solid #dee1e7!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee1e7!important}.border-bottom-wide{border-bottom:2px solid #dee1e7!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid #dee1e7!important}.border-left-wide{border-left:2px solid #dee1e7!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#8b929e!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#8b929e!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#8b929e!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#8b929e!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:#dee1e7;position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 #dee1e7;top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#8b929e;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#8b929e;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#8b929e}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:#dee1e7;background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,201,209,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:#dee1e7}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:#dee1e7;background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#8b929e;cursor:pointer;background:0 0;border:none}.btn-options:focus{outline:0}.btn-options .icon{width:1rem;height:1rem}.calendar{display:block;font-size:.8203125rem;border:1px solid #dee1e7;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:#8b929e}.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:#dee1e7}.calendar-date .date-today{color:#206bc4;border-color:#dee1e7}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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 #dee1e7;border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#8b929e}.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:#8b929e}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#8b929e}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid #dee1e7}.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:#8b929e}.card-drop{line-height:1;color:#8b929e}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid #dee1e7}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid #dee1e7}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid #dee1e7}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid #dee1e7;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:#dee1e7}.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 #dee1e7;border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid #dee1e7;border-radius:3px}.col-separator{border-left:1px solid #dee1e7}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid #dee1e7;border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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 #dee1e7;border-bottom:1px solid #dee1e7}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-control{vertical-align:middle}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#8b929e;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-control-light{background-color:#f5f7fb;border-color:transparent}.form-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid #dee1e7;border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid #dee1e7}.form-help{display:inline-block;width:1rem;height:1rem;font-size:.8666667em;line-height:1rem;color:#8b929e;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f5f7fb;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.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:#8b929e;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.input-icon-addon:last-child{right:0;left:auto}.colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.colorinput-input{position:absolute;z-index:-1;opacity:0}.colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:1px solid #dee1e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.colorinput-color::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/.75rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");opacity:0;transition:.3s opacity}.colorinput-input:checked~.colorinput-color::before{opacity:1}.colorinput-input:focus~.colorinput-color{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck{position:relative;margin:0;cursor:pointer}.imagecheck-input{position:absolute;z-index:-1;opacity:0}.imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #dee1e7;border-radius:3px}.imagecheck-input:focus~.imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.imagecheck-input:checked~.imagecheck-figure{border-color:#dee1e7}.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 #dee1e7;border-radius:3px;transition:.3s opacity}.imagecheck-input:checked~.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.75rem;border-color:#206bc4}.imagecheck-image{max-width:100%;opacity:.64;transition:.3s opacity}.imagecheck-image:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.imagecheck-image:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.imagecheck-input:checked~.imagecheck-figure .imagecheck-image,.imagecheck-input:focus~.imagecheck-figure .imagecheck-image,.imagecheck:hover .imagecheck-image{opacity:1}.imagecheck-caption{padding:.25rem;font-size:.8203125rem;color:#8b929e;text-align:center;transition:.3s color}.imagecheck-input:checked~.imagecheck-figure .imagecheck-caption,.imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,.imagecheck:hover .imagecheck-caption{color:#354052}.selectgroup{display:inline-flex}.selectgroup-vertical{flex-direction:column}.selectgroup-item{position:relative;flex-grow:1;margin:0}.selectgroup-separated{margin:0 -.5rem -.5rem 0}.selectgroup-separated .selectgroup-item{margin:0 .5rem .5rem 0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-left:-1px}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-bottom-left-radius:0}.selectgroup:not(.selectgroup-vertical):not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-top-right-radius:0;border-bottom-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child){margin-bottom:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item+.selectgroup-item{margin-top:-1px;margin-left:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:first-child) .selectgroup-button{border-top-left-radius:0;border-top-right-radius:0}.selectgroup-vertical:not(.selectgroup-separated)>.selectgroup-item:not(:last-child) .selectgroup-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.selectgroup-button{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem 1rem;font-size:.9375rem;line-height:1.4666667;color:#8b929e;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid #dee1e7;border-radius:3px}.selectgroup-input:checked+.selectgroup-button{z-index:1;color:#206bc4;background:rgba(32,107,196,.08);border-color:#206bc4}.selectgroup-input:focus+.selectgroup-button{z-index:2;color:#206bc4;border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectgroup-pills{flex-wrap:wrap;align-items:flex-start}.selectgroup-pills .selectgroup-item{flex-grow:0}.selectgroup-pills .selectgroup-button{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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 #dee1e7;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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#8b929e}.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:#8b929e;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:#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:#8b929e}.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 #dee1e7}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid #dee1e7;border-radius:3px}.nav-tabs .icon{color:#8b929e}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#8b929e;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(139,146,158,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#8b929e;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(139,146,158,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(139,146,158,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#8b929e;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#8b929e}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#8b929e!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#8b929e}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.toast-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#8b929e}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#8b929e;border-left:2px solid #dee1e7}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b929e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid #dee1e7;border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid #dee1e7;padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid #dee1e7;background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#dee1e7}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#8b929e;background-color:#fff;border-color:#dee1e7;padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:#c0c6d2}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:#c0c6d2;box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:#b9bfcc}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(210,213,220,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#8b929e;background-color:#fff;border-color:#dee1e7}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(222,225,231,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(222,225,231,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(222,225,231,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(222,225,231,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
+ */@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700);:root{--blue:#206bc4;--indigo:#6574cd;--purple:#a55eea;--pink:#f66d9b;--red:#fa4654;--orange:#ff922b;--yellow:#fab005;--green:#5eba00;--teal:#2bcbba;--cyan:#17a2b8;--white:#ffffff;--gray:#aeb3bc;--gray-dark:#5f6877;--azure:#45aaf2;--lime:#7bd235;--dark:#354052;--primary:#206bc4;--secondary:#7e8590;--success:#5eba00;--info:#45aaf2;--warning:#fab005;--danger:#fa4654;--light:#f5f7fb;--dark:#354052;--font-family-sans-serif:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-size:.9375rem;font-weight:400;line-height:1.6;color:#354052;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:1rem 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:600;line-height:1.2}.h1,h1{font-size:1.7333333em}.h2,h2{font-size:1.5333333em}.h3,h3{font-size:1.2em}.h4,h4{font-size:1em}.h5,h5{font-size:.8666667em}.h6,h6{font-size:.7333333em}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:87.5%}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;text-decoration:underline}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:80%}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:80%;color:#206bc4;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:80%;color:#fff;background-color:#354052;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:600}figure{margin:0 0 1rem}img{vertical-align:middle}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#7e8590;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}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}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}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:textfield}textarea{overflow:auto;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;color:inherit;white-space:normal}@media (min-width:1200px){legend{font-size:1.5rem}}.mark,mark{padding:.2em;background-color:#fcf8e3}progress{vertical-align:baseline}::-webkit-datetime-edit{overflow:visible;line-height:0}[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}summary{display:list-item;cursor:pointer}template{display:none}main{display:block}[hidden]{display:none!important}.lead{font-size:1em;font-weight:400}.display-1{font-size:calc(1.725rem + 5.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:6rem}}.display-2{font-size:calc(1.675rem + 5.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:5.5rem}}.display-3{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4.5rem}}.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}}.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:87.5%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1em}.blockquote-footer{display:block;font-size:87.5%;color:#aeb3bc}.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:87.5%;color:#aeb3bc}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1200px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;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:1200px}}.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-12{flex:0 0 100%;max-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%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-sm-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-sm-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-sm-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-sm-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-sm-12{flex:0 0 100%;max-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%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-md-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-md-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-md-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-md-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-md-12{flex:0 0 100%;max-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%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-lg-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-lg-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-lg-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-lg-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-lg-12{flex:0 0 100%;max-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%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333%;max-width:33.3333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333%;max-width:8.3333333%}.col-xl-2{flex:0 0 16.6666667%;max-width:16.6666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333%;max-width:33.3333333%}.col-xl-5{flex:0 0 41.6666667%;max-width:41.6666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333%;max-width:58.3333333%}.col-xl-8{flex:0 0 66.6666667%;max-width:66.6666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333%;max-width:83.3333333%}.col-xl-11{flex:0 0 91.6666667%;max-width:91.6666667%}.col-xl-12{flex:0 0 100%;max-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%}}.markdown table,.table{width:100%;margin-bottom:1rem;color:#354052;vertical-align:top}.markdown table td,.markdown table th,.table td,.table th{padding:.5rem;border-bottom:1px solid rgba(53,64,82,.16)}.markdown table tbody,.table tbody{vertical-align:inherit}.markdown table thead th,.table thead th{vertical-align:bottom;border-bottom-color:rgba(53,64,82,.16)}.markdown table tbody+tbody,.table tbody+tbody{border-top:2px solid rgba(53,64,82,.16)}.table-sm td,.table-sm th{padding:.25rem}.markdown table,.table-bordered{border:1px solid rgba(53,64,82,.16)}.markdown table td,.markdown table th,.table-bordered td,.table-bordered th{border:1px solid rgba(53,64,82,.16)}.markdown table thead td,.markdown table thead th,.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#354052;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#e9f0f9}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#a6c4e7}.table-hover .table-primary:hover{background-color:#d5e2f4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d5e2f4}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#f2f3f4}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#cbced3}.table-hover .table-secondary:hover{background-color:#e4e6e8}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#e4e6e8}.table-success,.table-success>td,.table-success>th{background-color:#eff8e6}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#bfe399}.table-hover .table-success:hover{background-color:#e2f2d2}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#e2f2d2}.table-info,.table-info>td,.table-info>th{background-color:#ecf7fe}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#b5ddfa}.table-hover .table-info:hover{background-color:#d4edfd}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#d4edfd}.table-warning,.table-warning>td,.table-warning>th{background-color:#fff7e6}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#fddf9b}.table-hover .table-warning:hover{background-color:#ffefcd}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffefcd}.table-danger,.table-danger>td,.table-danger>th{background-color:#ffedee}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fdb5bb}.table-hover .table-danger:hover{background-color:#ffd4d6}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ffd4d6}.table-light,.table-light>td,.table-light>th{background-color:#fefeff}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfd}.table-hover .table-light:hover{background-color:#e5e5ff}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#e5e5ff}.table-dark,.table-dark>td,.table-dark>th{background-color:#ebecee}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#aeb3ba}.table-hover .table-dark:hover{background-color:#dddfe2}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#dddfe2}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.markdown table .thead-dark th,.table .thead-dark th{color:#fff;background-color:#5f6877;border-color:#707b8c}.markdown table .thead-light th,.table .thead-light th{color:#8b929e;background-color:#f1f3f8;border-color:rgba(53,64,82,.16)}.table-dark{color:#fff;background-color:#5f6877}.table-dark td,.table-dark th,.table-dark thead th{border-color:#707b8c}.markdown table.table-dark,.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-sm>table,.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-md>table,.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-lg>table,.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive-xl>table,.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown .table-responsive>table,.table-responsive>.table-bordered{border:0}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.4666667}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.5333333em}.col-form-label-sm{padding-top:calc(.125rem + 1px);padding-bottom:calc(.125rem + 1px);font-size:.8666667em}.form-control{display:block;width:100%;min-height:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.16);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::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#354052;background-color:#fff;border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-control::-webkit-input-placeholder{color:#7e8590;opacity:1}.form-control::-moz-placeholder{color:#7e8590;opacity:1}.form-control:-ms-input-placeholder{color:#7e8590;opacity:1}.form-control::-ms-input-placeholder{color:#7e8590;opacity:1}.form-control::placeholder{color:#7e8590;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#f5f7fb;opacity:1}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.4666667;color:#354052;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.4666667em + .25rem + 2px);padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.form-control-lg{min-height:calc(1.4666667em + 1rem + 2px);padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.form-control-color{max-width:3rem;padding:.375rem}.form-control-color::-moz-color-swatch{border-radius:3px}.form-control-color::-webkit-color-swatch{border-radius:3px}.form-select{display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#354052;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px;border:1px solid rgba(53,64,82,.16);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-select:focus::-ms-value{color:#354052;background-color:#fff}.form-select[multiple],.form-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.form-select:disabled{color:#aeb3bc;background-color:#f1f3f8}.form-select::-ms-expand{display:none}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #354052}.form-select-sm{height:calc(1.4666667em + .25rem + 2px);padding-top:.125rem;padding-bottom:.125rem;padding-left:.5rem;font-size:.8666667em}.form-select-lg{height:calc(1.4666667em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;font-size:1.5333333em}.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:.3rem;vertical-align:top;background-color:#fff;border:1px solid rgba(53,64,82,.16);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:3px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.form-check-input:focus{border-color:#7aade9;outline:0;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-check-input:checked{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 8h6'/%3e%3c/svg%3e");background-size:1em;border-color:#206bc4}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check-label{margin-bottom:0}.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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:1.75rem;-webkit-print-color-adjust:exact;color-adjust:exact}.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='%2380bdff'/%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}.form-file{position:relative;display:inline-block;width:100%;height:calc(1.4666667em + .75rem + 2px);margin-bottom:0}.form-file-input{position:relative;z-index:2;width:100%;height:calc(1.4666667em + .75rem + 2px);margin:0;opacity:0}.form-file-input:focus~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-file-input:focus-within~.form-file-label{border-color:#7aade9;box-shadow:0 0 0 .2rem 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:calc(1.4666667em + .75rem + 2px);border-color:rgba(53,64,82,.16);border-radius:3px}.form-file-text{display:block;flex-grow:1;padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.4666667;color:#354052;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:.375rem .75rem;margin-left:-1px;line-height:1.4666667;color:#354052;background-color:#f5f7fb;border-color:inherit;border-style:solid;border-width:1px;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.form-range{width:100%;height:1.4rem;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 .2rem rgba(32,107,196,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem rgba(32,107,196,.25)}.form-range:focus::-ms-thumb{box-shadow:0 0 0 1px #f5f7fb,0 0 0 .2rem 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:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#206bc4;border:0;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:#e9ecf1;border-color:transparent;border-radius:1rem}.form-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#206bc4;border:0;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:#e9ecf1;border-radius:1rem}.form-range::-ms-fill-upper{margin-right:15px;background-color:#e9ecf1;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#cdd1d8}.form-range:disabled::-moz-range-thumb{background-color:#cdd1d8}.form-range:disabled::-ms-thumb{background-color:#cdd1d8}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .form-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.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 0%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.form-file,.input-group>.form-control+.form-select,.input-group>.form-file+.form-control,.input-group>.form-file+.form-file,.input-group>.form-file+.form-select,.input-group>.form-select+.form-control,.input-group>.form-select+.form-file,.input-group>.form-select+.form-select{margin-left:-1px}.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-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-file{display:flex;align-items:center}.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-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.4666667;color:#7e8590;text-align:center;white-space:nowrap;background-color:#f5f7fb;border:1px solid rgba(53,64,82,.16);border-radius:3px}.input-group-lg>.form-control{min-height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-select{height:calc(1.4666667em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.input-group-sm>.form-control{min-height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-select{height:calc(1.4666667em + .25rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.125rem .5rem;font-size:.8666667em;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#5eba00}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;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.4666667em + .75rem);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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem rgba(94,186,0,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#5eba00;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#5eba00;box-shadow:0 0 0 .2rem 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:#78ed00}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .2rem 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 .2rem rgba(94,186,0,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:87.5%;color:#fa4654}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;color:#fff;background-color:rgba(250,70,84,.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:#fa4654;padding-right:calc(1.4666667em + .75rem);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='%23fa4654' 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(.3666667em + .1875rem) center;background-size:calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.4666667em + .75rem);background-position:top calc(.3666667em + .1875rem) right calc(.3666667em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#fa4654;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px,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='%23fa4654' 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") #fff no-repeat center right 1.75rem/calc(.7333333em + .375rem) calc(.7333333em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#fa4654}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#fb7882}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fa4654}.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:#fa4654}.form-file-input.is-invalid:focus~.form-file-label,.was-validated .form-file-input:invalid:focus~.form-file-label{border-color:#fa4654;box-shadow:0 0 0 .2rem rgba(250,70,84,.25)}.btn{display:inline-block;font-weight:500;line-height:1.4666667;color:#354052;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:.375rem 1rem;font-size:.9375rem;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:#354052;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem 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-primary.focus,.btn-primary:focus{color:#fff;background-color:#1b59a3;border-color:#195398;box-shadow:0 0 0 .2rem rgba(65,129,205,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#195398;border-color:#174d8d}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#7e8590;border-color:#7e8590}.btn-secondary:hover{color:#fff;background-color:#6b727d;border-color:#656c76}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#6b727d;border-color:#656c76;box-shadow:0 0 0 .2rem rgba(145,151,161,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#656c76;border-color:#5f656f}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(145,151,161,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-success{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-success:hover{color:#fff;background-color:#4b9400;border-color:#448700}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#4b9400;border-color:#448700;box-shadow:0 0 0 .2rem rgba(118,196,38,.5)}.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#448700;border-color:#3e7a00}.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-info.focus,.btn-info:focus{color:#fff;background-color:#219af0;border-color:#1594ef;box-shadow:0 0 0 .2rem rgba(97,183,244,.5)}.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#1594ef;border-color:#108ee7}.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-warning.focus,.btn-warning:focus{color:#fff;background-color:#d59604;border-color:#c88d04;box-shadow:0 0 0 .2rem rgba(251,188,43,.5)}.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#c88d04;border-color:#bc8404}.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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:#fa4654;border-color:#fa4654}.btn-danger:hover{color:#fff;background-color:#f92132;border-color:#f91426}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#f92132;border-color:#f91426;box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#f91426;border-color:#f8081b}.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,98,110,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-light{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-light:hover{color:#354052;background-color:#dae1f0;border-color:#d1daec}.btn-light.focus,.btn-light:focus{color:#354052;background-color:#dae1f0;border-color:#d1daec;box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#354052;background-color:#d1daec;border-color:#c7d3e9}.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,220,226,.5)}.btn-light.disabled,.btn-light:disabled{color:#354052;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-dark.focus,.btn-dark:focus{color:#fff;background-color:#262e3b;border-color:#212833;box-shadow:0 0 0 .2rem rgba(83,93,108,.5)}.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#212833;border-color:#1c222b}.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.active,.btn-outline-primary:active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#206bc4;border-color:#206bc4}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(32,107,196,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#206bc4;background-color:transparent}.btn-outline-secondary{color:#7e8590;border-color:#7e8590}.btn-outline-secondary:hover{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-outline-secondary.active,.btn-outline-secondary:active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#7e8590;border-color:#7e8590}.btn-outline-secondary.active:focus,.btn-outline-secondary:active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(126,133,144,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#7e8590;background-color:transparent}.btn-outline-success{color:#5eba00;border-color:#5eba00}.btn-outline-success:hover{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(94,186,0,.5)}.btn-outline-success.active,.btn-outline-success:active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#5eba00;border-color:#5eba00}.btn-outline-success.active:focus,.btn-outline-success:active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(69,170,242,.5)}.btn-outline-info.active,.btn-outline-info:active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#45aaf2;border-color:#45aaf2}.btn-outline-info.active:focus,.btn-outline-info:active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.active,.btn-outline-warning:active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#fab005;border-color:#fab005}.btn-outline-warning.active:focus,.btn-outline-warning:active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,176,5,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#fab005;background-color:transparent}.btn-outline-danger{color:#fa4654;border-color:#fa4654}.btn-outline-danger:hover{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.active,.btn-outline-danger:active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fa4654;border-color:#fa4654}.btn-outline-danger.active:focus,.btn-outline-danger:active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,70,84,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fa4654;background-color:transparent}.btn-outline-light{color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light:hover{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(245,247,251,.5)}.btn-outline-light.active,.btn-outline-light:active,.show>.btn-outline-light.dropdown-toggle{color:#354052;background-color:#f5f7fb;border-color:#f5f7fb}.btn-outline-light.active:focus,.btn-outline-light:active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-outline-dark.active,.btn-outline-dark:active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#354052;border-color:#354052}.btn-outline-dark.active:focus,.btn-outline-dark:active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem 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;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#aeb3bc}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1.5rem;font-size:1.5333333em;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.125rem .5rem;font-size:.8666667em;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:1px 0 0;font-size:1em;color:#354052;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.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}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:1px}.dropup .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;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(53,64,82,.16)}.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;text-decoration:none;background-color:#f1f3f8}.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:#aeb3bc;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.8203125rem;color:#aeb3bc;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#354052}.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.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.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:not(:first-child){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}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#aeb3bc;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e9ecf1}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{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:#aeb3bc;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#8b929e;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{flex:1 1 auto;text-align:center}.nav-justified .nav-item{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:.75rem;padding-right:.75rem;padding-bottom:.75rem;padding-left:.75rem}.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:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.171875rem;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:.5rem;padding-bottom:.5rem}.navbar-collapse{flex:1 0 100%;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.171875rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:3px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.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;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:#206bc4}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:#206bc4}.navbar-light .navbar-nav .nav-link{color:#7e8590}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#354052}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#206bc4}.navbar-light .navbar-toggler{color:#7e8590;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='%237e8590' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:#7e8590}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:#206bc4}.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,.5)}.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,.25)}.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:rgba(255,255,255,.5);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.5%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,.5)}.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(53,64,82,.16);border-radius:3px}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem 1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(53,64,82,.02);border-bottom:1px solid rgba(53,64,82,.16)}.card-header:first-child{border-radius:2px 2px 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(53,64,82,.02);border-top:1px solid rgba(53,64,82,.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:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;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-deck .card{margin-bottom:1.5rem}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-1.5rem;margin-left:-1.5rem}.card-deck .card{flex:1 0 0%;margin-right:1.5rem;margin-bottom:0;margin-left:1.5rem}}.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>.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:.75rem 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:#aeb3bc;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#aeb3bc}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#7e8590;background-color:transparent;border:0 solid #e9ecf1}.page-link:hover{z-index:2;color:#154782;text-decoration:none;background-color:#f1f3f8;border-color:#e9ecf1}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem 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(126,133,144,.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.171875rem}.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:.8203125rem}.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:.25em .5em;font-size:.75em;font-weight:600;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:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:3px}.alert-heading{color:inherit}.alert-link{font-weight:600}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#061527;background-color:#d2e1f3;border-color:#a6c4e7}.alert-primary .alert-link{color:#000}.alert-secondary{color:#191b1d;background-color:#e5e7e9;border-color:#cbced3}.alert-secondary .alert-link{color:#010202}.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:#320e11;background-color:#fedadd;border-color:#fdb5bb}.alert-danger .alert-link{color:#0a0303}.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:.75rem}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}.progress{display:flex;height:.75rem;overflow:hidden;font-size:.703125rem;background-color:#f1f3f8;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:.75rem .75rem}.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}.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:#354052;background-color:#f1f3f8}.list-group-item{position:relative;display:block;padding:.5rem .75rem;margin-bottom:0;background-color:#fff;border:1px solid rgba(53,64,82,.16)}.list-group-item:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list-group-item:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list-group-item.disabled,.list-group-item:disabled{color:#aeb3bc;pointer-events:none;background-color:#fff}.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}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .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:#32353a;background-color:#f2f3f4}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#32353a;background-color:#e4e6e8}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#32353a;border-color:#32353a}.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:#641c22;background-color:#ffedee}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#641c22;background-color:#ffd4d6}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#641c22;border-color:#641c22}.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}.close{font-size:calc(1.275rem + .3vw);font-weight:400;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}@media (min-width:1200px){.close{font-size:1.5rem}}.close:hover{color:#000;text-decoration:none}.close:focus,.close:hover{opacity:.75}.close.disabled,.close:disabled{pointer-events:none}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(53,64,82,.16);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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:.25rem .75rem;color:#7e8590;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.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,-50px)}@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{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid rgba(53,64,82,.16);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.6}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid rgba(53,64,82,.16);border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;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:"Source Sans Pro",-apple-system,blinkmacsystemfont,segoe ui,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-style:normal;font-weight:400;line-height:1.6;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:.8203125rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(53,64,82,.16);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(53,64,82,.21)}.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(53,64,82,.21)}.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(53,64,82,.21)}.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(53,64,82,.21)}.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 .75rem;margin-bottom:0;font-size:.9375rem;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:.5rem .75rem;color:#354052}.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:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%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}@-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:2px}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.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:#7e8590}.link-secondary:focus,.link-secondary:hover{color:#595f68}.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:#fa4654}.link-danger:focus,.link-danger:hover{color:#ed0618}.link-light{color:#f5f7fb}.link-light:focus,.link-light:hover{color:#becbe5}.link-dark{color:#354052}.link-dark:focus,.link-dark:hover{color:#171c24}.embed-responsive{position:relative;width:100%}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571429%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top: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}@supports ((position:-webkit-sticky) or (position:sticky)){.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}}}.sr-only,.sr-only-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-none{display:none!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}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!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}.border{border:1px solid rgba(53,64,82,.16)!important}.border-wide{border:2px solid rgba(53,64,82,.16)!important}.border-0{border:0!important}.border-top{border-top:1px solid rgba(53,64,82,.16)!important}.border-top-wide{border-top:2px solid rgba(53,64,82,.16)!important}.border-top-0{border-top:0!important}.border-right{border-right:1px solid rgba(53,64,82,.16)!important}.border-right-wide{border-right:2px solid rgba(53,64,82,.16)!important}.border-right-0{border-right:0!important}.border-bottom{border-bottom:1px solid rgba(53,64,82,.16)!important}.border-bottom-wide{border-bottom:2px solid rgba(53,64,82,.16)!important}.border-bottom-0{border-bottom:0!important}.border-left{border-left:1px solid rgba(53,64,82,.16)!important}.border-left-wide{border-left:2px solid rgba(53,64,82,.16)!important}.border-left-0{border-left:0!important}.border-primary{border-color:#206bc4!important}.border-secondary{border-color:#7e8590!important}.border-success{border-color:#5eba00!important}.border-info{border-color:#45aaf2!important}.border-warning{border-color:#fab005!important}.border-danger{border-color:#fa4654!important}.border-light{border-color:#f5f7fb!important}.border-dark{border-color:#354052!important}.border-white{border-color:#fff!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-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}.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{-ms-grid-row-align:auto!important;align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{-ms-grid-row-align:center!important;align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-6{margin:3rem!important}.m-7{margin:6rem!important}.m-8{margin:9rem!important}.m-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-6{margin-right:3rem!important;margin-left:3rem!important}.mx-7{margin-right:6rem!important;margin-left:6rem!important}.mx-8{margin-right:9rem!important;margin-left:9rem!important}.mx-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-6{margin-top:3rem!important}.mt-7{margin-top:6rem!important}.mt-8{margin-top:9rem!important}.mt-9{margin-top:12rem!important}.mt-auto{margin-top:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.25rem!important}.mr-5{margin-right:1.5rem!important}.mr-6{margin-right:3rem!important}.mr-7{margin-right:6rem!important}.mr-8{margin-right:9rem!important}.mr-9{margin-right:12rem!important}.mr-auto{margin-right: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.25rem!important}.mb-5{margin-bottom:1.5rem!important}.mb-6{margin-bottom:3rem!important}.mb-7{margin-bottom:6rem!important}.mb-8{margin-bottom:9rem!important}.mb-9{margin-bottom:12rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.25rem!important}.ml-5{margin-left:1.5rem!important}.ml-6{margin-left:3rem!important}.ml-7{margin-left:6rem!important}.ml-8{margin-left:9rem!important}.ml-9{margin-left:12rem!important}.ml-auto{margin-left:auto!important}.m-n1{margin:-.25rem!important}.m-n2{margin:-.5rem!important}.m-n3{margin:-1rem!important}.m-n4{margin:-1.25rem!important}.m-n5{margin:-1.5rem!important}.m-n6{margin:-3rem!important}.m-n7{margin:-6rem!important}.m-n8{margin:-9rem!important}.m-n9{margin:-12rem!important}.mx-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-n1{margin-top:-.25rem!important}.mt-n2{margin-top:-.5rem!important}.mt-n3{margin-top:-1rem!important}.mt-n4{margin-top:-1.25rem!important}.mt-n5{margin-top:-1.5rem!important}.mt-n6{margin-top:-3rem!important}.mt-n7{margin-top:-6rem!important}.mt-n8{margin-top:-9rem!important}.mt-n9{margin-top:-12rem!important}.mr-n1{margin-right:-.25rem!important}.mr-n2{margin-right:-.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.25rem!important}.mr-n5{margin-right:-1.5rem!important}.mr-n6{margin-right:-3rem!important}.mr-n7{margin-right:-6rem!important}.mr-n8{margin-right:-9rem!important}.mr-n9{margin-right:-12rem!important}.mb-n1{margin-bottom:-.25rem!important}.mb-n2{margin-bottom:-.5rem!important}.mb-n3{margin-bottom:-1rem!important}.mb-n4{margin-bottom:-1.25rem!important}.mb-n5{margin-bottom:-1.5rem!important}.mb-n6{margin-bottom:-3rem!important}.mb-n7{margin-bottom:-6rem!important}.mb-n8{margin-bottom:-9rem!important}.mb-n9{margin-bottom:-12rem!important}.ml-n1{margin-left:-.25rem!important}.ml-n2{margin-left:-.5rem!important}.ml-n3{margin-left:-1rem!important}.ml-n4{margin-left:-1.25rem!important}.ml-n5{margin-left:-1.5rem!important}.ml-n6{margin-left:-3rem!important}.ml-n7{margin-left:-6rem!important}.ml-n8{margin-left:-9rem!important}.ml-n9{margin-left:-12rem!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:1.5rem!important}.p-6{padding:3rem!important}.p-7{padding:6rem!important}.p-8{padding:9rem!important}.p-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-6{padding-right:3rem!important;padding-left:3rem!important}.px-7{padding-right:6rem!important;padding-left:6rem!important}.px-8{padding-right:9rem!important;padding-left:9rem!important}.px-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-6{padding-top:3rem!important}.pt-7{padding-top:6rem!important}.pt-8{padding-top:9rem!important}.pt-9{padding-top:12rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.25rem!important}.pr-5{padding-right:1.5rem!important}.pr-6{padding-right:3rem!important}.pr-7{padding-right:6rem!important}.pr-8{padding-right:9rem!important}.pr-9{padding-right:12rem!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:1.5rem!important}.pb-6{padding-bottom:3rem!important}.pb-7{padding-bottom:6rem!important}.pb-8{padding-bottom:9rem!important}.pb-9{padding-bottom:12rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.25rem!important}.pl-5{padding-left:1.5rem!important}.pl-6{padding-left:3rem!important}.pl-7{padding-left:6rem!important}.pl-8{padding-left:9rem!important}.pl-9{padding-left:12rem!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:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-primary{color:#206bc4!important}.text-secondary{color:#7e8590!important}.text-success{color:#5eba00!important}.text-info{color:#45aaf2!important}.text-warning{color:#fab005!important}.text-danger{color:#fa4654!important}.text-light{color:#f5f7fb!important}.text-dark{color:#354052!important}.text-white{color:#fff!important}.text-body{color:#354052!important}.text-muted{color:#7e8590!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.3333334!important}.lh-base{line-height:1.6!important}.lh-lg{line-height:2!important}.bg-primary{background-color:#206bc4!important}.bg-secondary{background-color:#7e8590!important}.bg-success{background-color:#5eba00!important}.bg-info{background-color:#45aaf2!important}.bg-warning{background-color:#fab005!important}.bg-danger{background-color:#fa4654!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}.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}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!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.7333333em!important}.text-h2{font-size:1.5333333em!important}.text-h3{font-size:1.2em!important}.text-h4{font-size:1em!important}.text-h5{font-size:.8666667em!important}.text-h6{font-size:.7333333em!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}.d-sm-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-sm-6{margin:3rem!important}.m-sm-7{margin:6rem!important}.m-sm-8{margin:9rem!important}.m-sm-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-sm-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-6{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-7{margin-right:6rem!important;margin-left:6rem!important}.mx-sm-8{margin-right:9rem!important;margin-left:9rem!important}.mx-sm-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-sm-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-sm-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-sm-6{margin-top:3rem!important}.mt-sm-7{margin-top:6rem!important}.mt-sm-8{margin-top:9rem!important}.mt-sm-9{margin-top:12rem!important}.mt-sm-auto{margin-top:auto!important}.mr-sm-0{margin-right:0!important}.mr-sm-1{margin-right:.25rem!important}.mr-sm-2{margin-right:.5rem!important}.mr-sm-3{margin-right:1rem!important}.mr-sm-4{margin-right:1.25rem!important}.mr-sm-5{margin-right:1.5rem!important}.mr-sm-6{margin-right:3rem!important}.mr-sm-7{margin-right:6rem!important}.mr-sm-8{margin-right:9rem!important}.mr-sm-9{margin-right:12rem!important}.mr-sm-auto{margin-right: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.25rem!important}.mb-sm-5{margin-bottom:1.5rem!important}.mb-sm-6{margin-bottom:3rem!important}.mb-sm-7{margin-bottom:6rem!important}.mb-sm-8{margin-bottom:9rem!important}.mb-sm-9{margin-bottom:12rem!important}.mb-sm-auto{margin-bottom:auto!important}.ml-sm-0{margin-left:0!important}.ml-sm-1{margin-left:.25rem!important}.ml-sm-2{margin-left:.5rem!important}.ml-sm-3{margin-left:1rem!important}.ml-sm-4{margin-left:1.25rem!important}.ml-sm-5{margin-left:1.5rem!important}.ml-sm-6{margin-left:3rem!important}.ml-sm-7{margin-left:6rem!important}.ml-sm-8{margin-left:9rem!important}.ml-sm-9{margin-left:12rem!important}.ml-sm-auto{margin-left:auto!important}.m-sm-n1{margin:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.m-sm-n3{margin:-1rem!important}.m-sm-n4{margin:-1.25rem!important}.m-sm-n5{margin:-1.5rem!important}.m-sm-n6{margin:-3rem!important}.m-sm-n7{margin:-6rem!important}.m-sm-n8{margin:-9rem!important}.m-sm-n9{margin:-12rem!important}.mx-sm-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-sm-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-sm-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-sm-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-sm-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-sm-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-sm-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-sm-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-sm-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-sm-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-sm-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-sm-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-sm-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-sm-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-sm-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-sm-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-sm-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-sm-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-sm-n1{margin-top:-.25rem!important}.mt-sm-n2{margin-top:-.5rem!important}.mt-sm-n3{margin-top:-1rem!important}.mt-sm-n4{margin-top:-1.25rem!important}.mt-sm-n5{margin-top:-1.5rem!important}.mt-sm-n6{margin-top:-3rem!important}.mt-sm-n7{margin-top:-6rem!important}.mt-sm-n8{margin-top:-9rem!important}.mt-sm-n9{margin-top:-12rem!important}.mr-sm-n1{margin-right:-.25rem!important}.mr-sm-n2{margin-right:-.5rem!important}.mr-sm-n3{margin-right:-1rem!important}.mr-sm-n4{margin-right:-1.25rem!important}.mr-sm-n5{margin-right:-1.5rem!important}.mr-sm-n6{margin-right:-3rem!important}.mr-sm-n7{margin-right:-6rem!important}.mr-sm-n8{margin-right:-9rem!important}.mr-sm-n9{margin-right:-12rem!important}.mb-sm-n1{margin-bottom:-.25rem!important}.mb-sm-n2{margin-bottom:-.5rem!important}.mb-sm-n3{margin-bottom:-1rem!important}.mb-sm-n4{margin-bottom:-1.25rem!important}.mb-sm-n5{margin-bottom:-1.5rem!important}.mb-sm-n6{margin-bottom:-3rem!important}.mb-sm-n7{margin-bottom:-6rem!important}.mb-sm-n8{margin-bottom:-9rem!important}.mb-sm-n9{margin-bottom:-12rem!important}.ml-sm-n1{margin-left:-.25rem!important}.ml-sm-n2{margin-left:-.5rem!important}.ml-sm-n3{margin-left:-1rem!important}.ml-sm-n4{margin-left:-1.25rem!important}.ml-sm-n5{margin-left:-1.5rem!important}.ml-sm-n6{margin-left:-3rem!important}.ml-sm-n7{margin-left:-6rem!important}.ml-sm-n8{margin-left:-9rem!important}.ml-sm-n9{margin-left:-12rem!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:1.5rem!important}.p-sm-6{padding:3rem!important}.p-sm-7{padding:6rem!important}.p-sm-8{padding:9rem!important}.p-sm-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-sm-6{padding-right:3rem!important;padding-left:3rem!important}.px-sm-7{padding-right:6rem!important;padding-left:6rem!important}.px-sm-8{padding-right:9rem!important;padding-left:9rem!important}.px-sm-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-sm-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-sm-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-sm-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-sm-6{padding-top:3rem!important}.pt-sm-7{padding-top:6rem!important}.pt-sm-8{padding-top:9rem!important}.pt-sm-9{padding-top:12rem!important}.pr-sm-0{padding-right:0!important}.pr-sm-1{padding-right:.25rem!important}.pr-sm-2{padding-right:.5rem!important}.pr-sm-3{padding-right:1rem!important}.pr-sm-4{padding-right:1.25rem!important}.pr-sm-5{padding-right:1.5rem!important}.pr-sm-6{padding-right:3rem!important}.pr-sm-7{padding-right:6rem!important}.pr-sm-8{padding-right:9rem!important}.pr-sm-9{padding-right:12rem!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:1.5rem!important}.pb-sm-6{padding-bottom:3rem!important}.pb-sm-7{padding-bottom:6rem!important}.pb-sm-8{padding-bottom:9rem!important}.pb-sm-9{padding-bottom:12rem!important}.pl-sm-0{padding-left:0!important}.pl-sm-1{padding-left:.25rem!important}.pl-sm-2{padding-left:.5rem!important}.pl-sm-3{padding-left:1rem!important}.pl-sm-4{padding-left:1.25rem!important}.pl-sm-5{padding-left:1.5rem!important}.pl-sm-6{padding-left:3rem!important}.pl-sm-7{padding-left:6rem!important}.pl-sm-8{padding-left:9rem!important}.pl-sm-9{padding-left:12rem!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}.d-md-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-md-6{margin:3rem!important}.m-md-7{margin:6rem!important}.m-md-8{margin:9rem!important}.m-md-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-md-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-6{margin-right:3rem!important;margin-left:3rem!important}.mx-md-7{margin-right:6rem!important;margin-left:6rem!important}.mx-md-8{margin-right:9rem!important;margin-left:9rem!important}.mx-md-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-md-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-md-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-md-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-md-6{margin-top:3rem!important}.mt-md-7{margin-top:6rem!important}.mt-md-8{margin-top:9rem!important}.mt-md-9{margin-top:12rem!important}.mt-md-auto{margin-top:auto!important}.mr-md-0{margin-right:0!important}.mr-md-1{margin-right:.25rem!important}.mr-md-2{margin-right:.5rem!important}.mr-md-3{margin-right:1rem!important}.mr-md-4{margin-right:1.25rem!important}.mr-md-5{margin-right:1.5rem!important}.mr-md-6{margin-right:3rem!important}.mr-md-7{margin-right:6rem!important}.mr-md-8{margin-right:9rem!important}.mr-md-9{margin-right:12rem!important}.mr-md-auto{margin-right: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.25rem!important}.mb-md-5{margin-bottom:1.5rem!important}.mb-md-6{margin-bottom:3rem!important}.mb-md-7{margin-bottom:6rem!important}.mb-md-8{margin-bottom:9rem!important}.mb-md-9{margin-bottom:12rem!important}.mb-md-auto{margin-bottom:auto!important}.ml-md-0{margin-left:0!important}.ml-md-1{margin-left:.25rem!important}.ml-md-2{margin-left:.5rem!important}.ml-md-3{margin-left:1rem!important}.ml-md-4{margin-left:1.25rem!important}.ml-md-5{margin-left:1.5rem!important}.ml-md-6{margin-left:3rem!important}.ml-md-7{margin-left:6rem!important}.ml-md-8{margin-left:9rem!important}.ml-md-9{margin-left:12rem!important}.ml-md-auto{margin-left:auto!important}.m-md-n1{margin:-.25rem!important}.m-md-n2{margin:-.5rem!important}.m-md-n3{margin:-1rem!important}.m-md-n4{margin:-1.25rem!important}.m-md-n5{margin:-1.5rem!important}.m-md-n6{margin:-3rem!important}.m-md-n7{margin:-6rem!important}.m-md-n8{margin:-9rem!important}.m-md-n9{margin:-12rem!important}.mx-md-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-md-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-md-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-md-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-md-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-md-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-md-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-md-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-md-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-md-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-md-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-md-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-md-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-md-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-md-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-md-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-md-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-md-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-md-n1{margin-top:-.25rem!important}.mt-md-n2{margin-top:-.5rem!important}.mt-md-n3{margin-top:-1rem!important}.mt-md-n4{margin-top:-1.25rem!important}.mt-md-n5{margin-top:-1.5rem!important}.mt-md-n6{margin-top:-3rem!important}.mt-md-n7{margin-top:-6rem!important}.mt-md-n8{margin-top:-9rem!important}.mt-md-n9{margin-top:-12rem!important}.mr-md-n1{margin-right:-.25rem!important}.mr-md-n2{margin-right:-.5rem!important}.mr-md-n3{margin-right:-1rem!important}.mr-md-n4{margin-right:-1.25rem!important}.mr-md-n5{margin-right:-1.5rem!important}.mr-md-n6{margin-right:-3rem!important}.mr-md-n7{margin-right:-6rem!important}.mr-md-n8{margin-right:-9rem!important}.mr-md-n9{margin-right:-12rem!important}.mb-md-n1{margin-bottom:-.25rem!important}.mb-md-n2{margin-bottom:-.5rem!important}.mb-md-n3{margin-bottom:-1rem!important}.mb-md-n4{margin-bottom:-1.25rem!important}.mb-md-n5{margin-bottom:-1.5rem!important}.mb-md-n6{margin-bottom:-3rem!important}.mb-md-n7{margin-bottom:-6rem!important}.mb-md-n8{margin-bottom:-9rem!important}.mb-md-n9{margin-bottom:-12rem!important}.ml-md-n1{margin-left:-.25rem!important}.ml-md-n2{margin-left:-.5rem!important}.ml-md-n3{margin-left:-1rem!important}.ml-md-n4{margin-left:-1.25rem!important}.ml-md-n5{margin-left:-1.5rem!important}.ml-md-n6{margin-left:-3rem!important}.ml-md-n7{margin-left:-6rem!important}.ml-md-n8{margin-left:-9rem!important}.ml-md-n9{margin-left:-12rem!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:1.5rem!important}.p-md-6{padding:3rem!important}.p-md-7{padding:6rem!important}.p-md-8{padding:9rem!important}.p-md-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-md-6{padding-right:3rem!important;padding-left:3rem!important}.px-md-7{padding-right:6rem!important;padding-left:6rem!important}.px-md-8{padding-right:9rem!important;padding-left:9rem!important}.px-md-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-md-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-md-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-md-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-md-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-md-6{padding-top:3rem!important}.pt-md-7{padding-top:6rem!important}.pt-md-8{padding-top:9rem!important}.pt-md-9{padding-top:12rem!important}.pr-md-0{padding-right:0!important}.pr-md-1{padding-right:.25rem!important}.pr-md-2{padding-right:.5rem!important}.pr-md-3{padding-right:1rem!important}.pr-md-4{padding-right:1.25rem!important}.pr-md-5{padding-right:1.5rem!important}.pr-md-6{padding-right:3rem!important}.pr-md-7{padding-right:6rem!important}.pr-md-8{padding-right:9rem!important}.pr-md-9{padding-right:12rem!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:1.5rem!important}.pb-md-6{padding-bottom:3rem!important}.pb-md-7{padding-bottom:6rem!important}.pb-md-8{padding-bottom:9rem!important}.pb-md-9{padding-bottom:12rem!important}.pl-md-0{padding-left:0!important}.pl-md-1{padding-left:.25rem!important}.pl-md-2{padding-left:.5rem!important}.pl-md-3{padding-left:1rem!important}.pl-md-4{padding-left:1.25rem!important}.pl-md-5{padding-left:1.5rem!important}.pl-md-6{padding-left:3rem!important}.pl-md-7{padding-left:6rem!important}.pl-md-8{padding-left:9rem!important}.pl-md-9{padding-left:12rem!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}.d-lg-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-lg-6{margin:3rem!important}.m-lg-7{margin:6rem!important}.m-lg-8{margin:9rem!important}.m-lg-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-lg-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-6{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-7{margin-right:6rem!important;margin-left:6rem!important}.mx-lg-8{margin-right:9rem!important;margin-left:9rem!important}.mx-lg-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-lg-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-lg-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-lg-6{margin-top:3rem!important}.mt-lg-7{margin-top:6rem!important}.mt-lg-8{margin-top:9rem!important}.mt-lg-9{margin-top:12rem!important}.mt-lg-auto{margin-top:auto!important}.mr-lg-0{margin-right:0!important}.mr-lg-1{margin-right:.25rem!important}.mr-lg-2{margin-right:.5rem!important}.mr-lg-3{margin-right:1rem!important}.mr-lg-4{margin-right:1.25rem!important}.mr-lg-5{margin-right:1.5rem!important}.mr-lg-6{margin-right:3rem!important}.mr-lg-7{margin-right:6rem!important}.mr-lg-8{margin-right:9rem!important}.mr-lg-9{margin-right:12rem!important}.mr-lg-auto{margin-right: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.25rem!important}.mb-lg-5{margin-bottom:1.5rem!important}.mb-lg-6{margin-bottom:3rem!important}.mb-lg-7{margin-bottom:6rem!important}.mb-lg-8{margin-bottom:9rem!important}.mb-lg-9{margin-bottom:12rem!important}.mb-lg-auto{margin-bottom:auto!important}.ml-lg-0{margin-left:0!important}.ml-lg-1{margin-left:.25rem!important}.ml-lg-2{margin-left:.5rem!important}.ml-lg-3{margin-left:1rem!important}.ml-lg-4{margin-left:1.25rem!important}.ml-lg-5{margin-left:1.5rem!important}.ml-lg-6{margin-left:3rem!important}.ml-lg-7{margin-left:6rem!important}.ml-lg-8{margin-left:9rem!important}.ml-lg-9{margin-left:12rem!important}.ml-lg-auto{margin-left:auto!important}.m-lg-n1{margin:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.m-lg-n3{margin:-1rem!important}.m-lg-n4{margin:-1.25rem!important}.m-lg-n5{margin:-1.5rem!important}.m-lg-n6{margin:-3rem!important}.m-lg-n7{margin:-6rem!important}.m-lg-n8{margin:-9rem!important}.m-lg-n9{margin:-12rem!important}.mx-lg-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-lg-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-lg-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-lg-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-lg-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-lg-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-lg-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-lg-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-lg-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-lg-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-lg-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-lg-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-lg-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-lg-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-lg-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-lg-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-lg-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-lg-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-lg-n1{margin-top:-.25rem!important}.mt-lg-n2{margin-top:-.5rem!important}.mt-lg-n3{margin-top:-1rem!important}.mt-lg-n4{margin-top:-1.25rem!important}.mt-lg-n5{margin-top:-1.5rem!important}.mt-lg-n6{margin-top:-3rem!important}.mt-lg-n7{margin-top:-6rem!important}.mt-lg-n8{margin-top:-9rem!important}.mt-lg-n9{margin-top:-12rem!important}.mr-lg-n1{margin-right:-.25rem!important}.mr-lg-n2{margin-right:-.5rem!important}.mr-lg-n3{margin-right:-1rem!important}.mr-lg-n4{margin-right:-1.25rem!important}.mr-lg-n5{margin-right:-1.5rem!important}.mr-lg-n6{margin-right:-3rem!important}.mr-lg-n7{margin-right:-6rem!important}.mr-lg-n8{margin-right:-9rem!important}.mr-lg-n9{margin-right:-12rem!important}.mb-lg-n1{margin-bottom:-.25rem!important}.mb-lg-n2{margin-bottom:-.5rem!important}.mb-lg-n3{margin-bottom:-1rem!important}.mb-lg-n4{margin-bottom:-1.25rem!important}.mb-lg-n5{margin-bottom:-1.5rem!important}.mb-lg-n6{margin-bottom:-3rem!important}.mb-lg-n7{margin-bottom:-6rem!important}.mb-lg-n8{margin-bottom:-9rem!important}.mb-lg-n9{margin-bottom:-12rem!important}.ml-lg-n1{margin-left:-.25rem!important}.ml-lg-n2{margin-left:-.5rem!important}.ml-lg-n3{margin-left:-1rem!important}.ml-lg-n4{margin-left:-1.25rem!important}.ml-lg-n5{margin-left:-1.5rem!important}.ml-lg-n6{margin-left:-3rem!important}.ml-lg-n7{margin-left:-6rem!important}.ml-lg-n8{margin-left:-9rem!important}.ml-lg-n9{margin-left:-12rem!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:1.5rem!important}.p-lg-6{padding:3rem!important}.p-lg-7{padding:6rem!important}.p-lg-8{padding:9rem!important}.p-lg-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-lg-6{padding-right:3rem!important;padding-left:3rem!important}.px-lg-7{padding-right:6rem!important;padding-left:6rem!important}.px-lg-8{padding-right:9rem!important;padding-left:9rem!important}.px-lg-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-lg-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-lg-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-lg-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-lg-6{padding-top:3rem!important}.pt-lg-7{padding-top:6rem!important}.pt-lg-8{padding-top:9rem!important}.pt-lg-9{padding-top:12rem!important}.pr-lg-0{padding-right:0!important}.pr-lg-1{padding-right:.25rem!important}.pr-lg-2{padding-right:.5rem!important}.pr-lg-3{padding-right:1rem!important}.pr-lg-4{padding-right:1.25rem!important}.pr-lg-5{padding-right:1.5rem!important}.pr-lg-6{padding-right:3rem!important}.pr-lg-7{padding-right:6rem!important}.pr-lg-8{padding-right:9rem!important}.pr-lg-9{padding-right:12rem!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:1.5rem!important}.pb-lg-6{padding-bottom:3rem!important}.pb-lg-7{padding-bottom:6rem!important}.pb-lg-8{padding-bottom:9rem!important}.pb-lg-9{padding-bottom:12rem!important}.pl-lg-0{padding-left:0!important}.pl-lg-1{padding-left:.25rem!important}.pl-lg-2{padding-left:.5rem!important}.pl-lg-3{padding-left:1rem!important}.pl-lg-4{padding-left:1.25rem!important}.pl-lg-5{padding-left:1.5rem!important}.pl-lg-6{padding-left:3rem!important}.pl-lg-7{padding-left:6rem!important}.pl-lg-8{padding-left:9rem!important}.pl-lg-9{padding-left:12rem!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}.d-xl-none{display: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}.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}.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{-ms-grid-row-align:auto!important;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{-ms-grid-row-align:center!important;align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{-ms-grid-row-align:stretch!important;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:1.5rem!important}.m-xl-6{margin:3rem!important}.m-xl-7{margin:6rem!important}.m-xl-8{margin:9rem!important}.m-xl-9{margin:12rem!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.25rem!important;margin-left:1.25rem!important}.mx-xl-5{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-6{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-7{margin-right:6rem!important;margin-left:6rem!important}.mx-xl-8{margin-right:9rem!important;margin-left:9rem!important}.mx-xl-9{margin-right:12rem!important;margin-left:12rem!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:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-6{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-7{margin-top:6rem!important;margin-bottom:6rem!important}.my-xl-8{margin-top:9rem!important;margin-bottom:9rem!important}.my-xl-9{margin-top:12rem!important;margin-bottom:12rem!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:1.5rem!important}.mt-xl-6{margin-top:3rem!important}.mt-xl-7{margin-top:6rem!important}.mt-xl-8{margin-top:9rem!important}.mt-xl-9{margin-top:12rem!important}.mt-xl-auto{margin-top:auto!important}.mr-xl-0{margin-right:0!important}.mr-xl-1{margin-right:.25rem!important}.mr-xl-2{margin-right:.5rem!important}.mr-xl-3{margin-right:1rem!important}.mr-xl-4{margin-right:1.25rem!important}.mr-xl-5{margin-right:1.5rem!important}.mr-xl-6{margin-right:3rem!important}.mr-xl-7{margin-right:6rem!important}.mr-xl-8{margin-right:9rem!important}.mr-xl-9{margin-right:12rem!important}.mr-xl-auto{margin-right: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.25rem!important}.mb-xl-5{margin-bottom:1.5rem!important}.mb-xl-6{margin-bottom:3rem!important}.mb-xl-7{margin-bottom:6rem!important}.mb-xl-8{margin-bottom:9rem!important}.mb-xl-9{margin-bottom:12rem!important}.mb-xl-auto{margin-bottom:auto!important}.ml-xl-0{margin-left:0!important}.ml-xl-1{margin-left:.25rem!important}.ml-xl-2{margin-left:.5rem!important}.ml-xl-3{margin-left:1rem!important}.ml-xl-4{margin-left:1.25rem!important}.ml-xl-5{margin-left:1.5rem!important}.ml-xl-6{margin-left:3rem!important}.ml-xl-7{margin-left:6rem!important}.ml-xl-8{margin-left:9rem!important}.ml-xl-9{margin-left:12rem!important}.ml-xl-auto{margin-left:auto!important}.m-xl-n1{margin:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.m-xl-n3{margin:-1rem!important}.m-xl-n4{margin:-1.25rem!important}.m-xl-n5{margin:-1.5rem!important}.m-xl-n6{margin:-3rem!important}.m-xl-n7{margin:-6rem!important}.m-xl-n8{margin:-9rem!important}.m-xl-n9{margin:-12rem!important}.mx-xl-n1{margin-right:-.25rem!important;margin-left:-.25rem!important}.mx-xl-n2{margin-right:-.5rem!important;margin-left:-.5rem!important}.mx-xl-n3{margin-right:-1rem!important;margin-left:-1rem!important}.mx-xl-n4{margin-right:-1.25rem!important;margin-left:-1.25rem!important}.mx-xl-n5{margin-right:-1.5rem!important;margin-left:-1.5rem!important}.mx-xl-n6{margin-right:-3rem!important;margin-left:-3rem!important}.mx-xl-n7{margin-right:-6rem!important;margin-left:-6rem!important}.mx-xl-n8{margin-right:-9rem!important;margin-left:-9rem!important}.mx-xl-n9{margin-right:-12rem!important;margin-left:-12rem!important}.my-xl-n1{margin-top:-.25rem!important;margin-bottom:-.25rem!important}.my-xl-n2{margin-top:-.5rem!important;margin-bottom:-.5rem!important}.my-xl-n3{margin-top:-1rem!important;margin-bottom:-1rem!important}.my-xl-n4{margin-top:-1.25rem!important;margin-bottom:-1.25rem!important}.my-xl-n5{margin-top:-1.5rem!important;margin-bottom:-1.5rem!important}.my-xl-n6{margin-top:-3rem!important;margin-bottom:-3rem!important}.my-xl-n7{margin-top:-6rem!important;margin-bottom:-6rem!important}.my-xl-n8{margin-top:-9rem!important;margin-bottom:-9rem!important}.my-xl-n9{margin-top:-12rem!important;margin-bottom:-12rem!important}.mt-xl-n1{margin-top:-.25rem!important}.mt-xl-n2{margin-top:-.5rem!important}.mt-xl-n3{margin-top:-1rem!important}.mt-xl-n4{margin-top:-1.25rem!important}.mt-xl-n5{margin-top:-1.5rem!important}.mt-xl-n6{margin-top:-3rem!important}.mt-xl-n7{margin-top:-6rem!important}.mt-xl-n8{margin-top:-9rem!important}.mt-xl-n9{margin-top:-12rem!important}.mr-xl-n1{margin-right:-.25rem!important}.mr-xl-n2{margin-right:-.5rem!important}.mr-xl-n3{margin-right:-1rem!important}.mr-xl-n4{margin-right:-1.25rem!important}.mr-xl-n5{margin-right:-1.5rem!important}.mr-xl-n6{margin-right:-3rem!important}.mr-xl-n7{margin-right:-6rem!important}.mr-xl-n8{margin-right:-9rem!important}.mr-xl-n9{margin-right:-12rem!important}.mb-xl-n1{margin-bottom:-.25rem!important}.mb-xl-n2{margin-bottom:-.5rem!important}.mb-xl-n3{margin-bottom:-1rem!important}.mb-xl-n4{margin-bottom:-1.25rem!important}.mb-xl-n5{margin-bottom:-1.5rem!important}.mb-xl-n6{margin-bottom:-3rem!important}.mb-xl-n7{margin-bottom:-6rem!important}.mb-xl-n8{margin-bottom:-9rem!important}.mb-xl-n9{margin-bottom:-12rem!important}.ml-xl-n1{margin-left:-.25rem!important}.ml-xl-n2{margin-left:-.5rem!important}.ml-xl-n3{margin-left:-1rem!important}.ml-xl-n4{margin-left:-1.25rem!important}.ml-xl-n5{margin-left:-1.5rem!important}.ml-xl-n6{margin-left:-3rem!important}.ml-xl-n7{margin-left:-6rem!important}.ml-xl-n8{margin-left:-9rem!important}.ml-xl-n9{margin-left:-12rem!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:1.5rem!important}.p-xl-6{padding:3rem!important}.p-xl-7{padding:6rem!important}.p-xl-8{padding:9rem!important}.p-xl-9{padding:12rem!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:1.5rem!important;padding-left:1.5rem!important}.px-xl-6{padding-right:3rem!important;padding-left:3rem!important}.px-xl-7{padding-right:6rem!important;padding-left:6rem!important}.px-xl-8{padding-right:9rem!important;padding-left:9rem!important}.px-xl-9{padding-right:12rem!important;padding-left:12rem!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:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-6{padding-top:3rem!important;padding-bottom:3rem!important}.py-xl-7{padding-top:6rem!important;padding-bottom:6rem!important}.py-xl-8{padding-top:9rem!important;padding-bottom:9rem!important}.py-xl-9{padding-top:12rem!important;padding-bottom:12rem!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:1.5rem!important}.pt-xl-6{padding-top:3rem!important}.pt-xl-7{padding-top:6rem!important}.pt-xl-8{padding-top:9rem!important}.pt-xl-9{padding-top:12rem!important}.pr-xl-0{padding-right:0!important}.pr-xl-1{padding-right:.25rem!important}.pr-xl-2{padding-right:.5rem!important}.pr-xl-3{padding-right:1rem!important}.pr-xl-4{padding-right:1.25rem!important}.pr-xl-5{padding-right:1.5rem!important}.pr-xl-6{padding-right:3rem!important}.pr-xl-7{padding-right:6rem!important}.pr-xl-8{padding-right:9rem!important}.pr-xl-9{padding-right:12rem!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:1.5rem!important}.pb-xl-6{padding-bottom:3rem!important}.pb-xl-7{padding-bottom:6rem!important}.pb-xl-8{padding-bottom:9rem!important}.pb-xl-9{padding-bottom:12rem!important}.pl-xl-0{padding-left:0!important}.pl-xl-1{padding-left:.25rem!important}.pl-xl-2{padding-left:.5rem!important}.pl-xl-3{padding-left:1rem!important}.pl-xl-4{padding-left:1.25rem!important}.pl-xl-5{padding-left:1.5rem!important}.pl-xl-6{padding-left:3rem!important}.pl-xl-7{padding-left:6rem!important}.pl-xl-8{padding-left:9rem!important}.pl-xl-9{padding-left:12rem!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}@media print{.d-print-none{display:none!important}.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}}html{height:100%;font-size:16px}body{min-height:100%;overflow-y:scroll;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0}body ::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}body ::-webkit-scrollbar-thumb{border-radius:5px;background:#dee1e7}body :hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#cdd1d8}@media print{body{background:0 0}}.topnav{border-bottom:1px solid;background-color:#fff;border-color:rgba(53,64,82,.16);position:absolute;top:0;right:0;left:0;padding:0 .5rem;z-index:1020;min-height:3.5rem}.topnav+.topnav{top:calc(3.5rem + 1px);z-index:1019}.topnav+.topnav+.topnav{top:calc(7rem + 2px);z-index:1018}@media print{.topnav{display:none}}.topnav .navbar{margin:0;padding:0;min-height:3.5rem}.topnav .nav-link{height:3.5rem}.topnav .nav-item.active{position:relative}.topnav .nav-item.active:after{content:'';position:absolute;bottom:-1px;left:2px;right:2px;border-bottom:1px solid #206bc4}.topnav .navbar-brand-logo-sm{display:none}@media (max-width:767.98px){.topnav .navbar-brand-logo-lg{display:none}.topnav .navbar-brand-logo-sm{display:block}}.sidebar+.content .topnav{left:16rem}@media (max-width:1199.98px){.sidebar+.content .topnav{left:4rem}}@media (max-width:767.98px){.sidebar+.content .topnav{left:0;padding:0}}.topnav-fixed{position:fixed;z-index:1030}.wrapper{height:100%;overflow:hidden;width:100%}.content{overflow:hidden;min-height:100vh;padding:0 .5rem 0;display:flex;flex-direction:column}.sidebar+.content{margin-left:16rem}@media (max-width:1199.98px){.sidebar+.content{margin-left:4rem}}@media (max-width:767.98px){.sidebar+.content{margin-left:0;padding-left:0;padding-right:0}}.content-page{flex:1;display:flex}@media print{.content-page{padding-top:0!important}}.topnav+.content-page{padding-top:calc(3.5rem + 1px)}.topnav+.topnav+.content-page{padding-top:calc(7rem + 2px)}.topnav+.topnav+.topnav+.content-page{padding-top:calc(10.5rem + 3px)}.sidebar{width:16rem;position:fixed;z-index:1030;padding:0;background:#fff;box-shadow:inset -1px 0 rgba(53,64,82,.16);top:0;bottom:0;display:flex;flex-direction:column}@media (max-width:1199.98px){.sidebar{width:4rem}.sidebar .sidebar-brand{width:4rem}.sidebar .sidebar-content{padding:0;overflow:visible}.sidebar .sidebar-nav{margin:0}.sidebar .sidebar-nav>.sidebar-nav-item{position:relative;white-space:nowrap}.sidebar .sidebar-nav>.sidebar-nav-item:hover{background:#206bc4;width:16rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link{color:#fff}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link>span{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover>.sidebar-nav-link .icon{margin-right:2.25rem}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav{display:block}.sidebar .sidebar-nav>.sidebar-nav-item:hover .sidebar-subnav .sidebar-nav-link{padding-left:1.25rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link{min-height:3.5rem;padding:0 1rem!important;position:relative}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .icon{margin:0;width:2rem;height:1.125rem}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link>span{display:none}.sidebar .sidebar-nav>.sidebar-nav-item>.sidebar-nav-link .badge{display:block;position:absolute;left:2.5rem;top:1rem;text-indent:-99999px;width:.5rem;height:.5rem;padding:0}.sidebar .sidebar-subnav{display:none;position:absolute;top:3.5rem;left:4rem;right:0;padding:.5rem 0;background:#354052;box-shadow:-6px 0 16px -10px rgba(0,0,0,.2),0 .5rem 1rem rgba(0,0,0,.15)}.sidebar .sidebar-nav-arrow{display:none!important}.sidebar .sidebar-nav-title{display:none}}@media (max-width:767.98px){.sidebar{display:none}}.sidebar-brand{display:block;text-align:center;line-height:3.5rem;width:16rem;position:fixed;top:0;left:0}.sidebar-brand-logo{height:2rem}.sidebar-brand-logo-sm{display:none}@media (max-width:1199.98px){.sidebar-brand-logo-sm{display:inline-block}.sidebar-brand-logo-lg{display:none}}.sidebar-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;overflow-y:scroll}.sidebar-content::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.sidebar-content::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:#cdd1d8;background:#5d6675}.sidebar-brand+.sidebar-content{margin-top:3.5rem}.sidebar-nav{margin:-1.25rem -1.25rem 1.25rem;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav-link{padding:.5rem 1.25rem;transition:.3s color,.3s background-color;color:inherit;display:flex;align-items:center}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:2.75rem}.sidebar-nav-item .sidebar-nav-item .sidebar-nav-item .sidebar-nav-link{padding-left:4.25rem}.sidebar-nav-link:hover{background-color:rgba(255,255,255,.02);text-decoration:none;color:#fff!important;cursor:pointer!important}.sidebar-nav-link.active{opacity:1;color:#fff;box-shadow:inset 3px 0 #206bc4;background-color:rgba(255,255,255,.01)}.sidebar-nav-link .icon{width:1rem;margin-right:.5rem}.sidebar-nav-link .badge{margin-left:auto}.sidebar-nav-arrow{display:block;margin-left:auto}.sidebar-nav-arrow:after{content:"";display:inline-block;vertical-align:.272em;width:.32em;height:.32em;border-bottom:1px solid;border-left:1px solid;margin-left:.4em;transform:rotate(-135deg)}.sidebar-nav-arrow:after{transition:.3s transform}.sidebar-nav-link[aria-expanded=true] .sidebar-nav-arrow:after{transform:rotate(-45deg)}.sidebar-nav-title{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:inherit;opacity:.8;padding:1.25rem 1.25rem .5rem}.sidebar-nav-title:not(:first-child){margin-top:.5rem}.sidebar-dark{background:#354052;color:#7e8590;box-shadow:none}.sidebar-dark .sidebar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-brand-logo{height:2rem}.navbar-nav{flex-direction:row;margin-right:-.75rem;margin-left:-.75rem}.navbar-nav .nav-link{padding-left:.75rem;padding-right:.75rem}.navbar-nav .dropright:hover>.dropdown-menu,.navbar-nav .nav-item:hover>.dropdown-menu{display:block}.navbar-nav .dropdown-menu .dropdown .dropdown-toggle:after,.navbar-nav .dropdown-menu .dropright .dropdown-toggle:after{margin-left:auto}.navbar-brand{padding:0;line-height:1}.page-title-box{display:flex;align-items:center;min-height:2.25rem;margin:.25rem 0 1.25rem}.page-title-box>*{flex:1}.page-pretitle{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.page-title{margin:0;font-size:1.5333333em;font-weight:400;line-height:1;color:inherit}.alert-avatar{padding-left:3.75rem}.alert-avatar .avatar{position:absolute;top:.5rem;left:.75rem}.avatar{position:relative;display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:.875rem;font-weight:400;color:#7e8590;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-xs{width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem}.avatar-sm{width:2rem;height:2rem;font-size:1rem;line-height:2rem}.avatar-md{width:3rem;height:3rem;font-size:1.5rem;line-height:3rem}.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{padding:0;margin:0 0 -.5rem;font-size:0}.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:-.5em!important;box-shadow:0 0 0 2px #fff}.card-footer .avatar-list-stacked .avatar{box-shadow:0 0 0 2px rgba(53,64,82,.02)}.badge{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f1f3f8}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:1rem;min-height:1rem;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}.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:#7e8590}.breadcrumb-alternate .breadcrumb-item.active{color:#354052}.btn-secondary{color:#354052;background-color:#fff;border-color:rgba(53,64,82,.16);background-image:linear-gradient(-180deg,rgba(0,0,0,0),rgba(53,64,82,.04) 100%)}.btn-secondary:hover{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16)}.btn-secondary.focus,.btn-secondary:focus{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16);box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:rgba(28,34,43,.16)}.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(53,64,82,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#354052;background-color:#fff;border-color:rgba(53,64,82,.16)}.btn-outlined-secondary{color:#fff;border-color:#fff}.btn-outlined-secondary:hover{color:rgba(53,64,82,.16);background-color:#354052;border-color:#fff}.btn-outlined-secondary.focus,.btn-outlined-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.active,.btn-outlined-secondary:active,.show>.btn-outlined-secondary.dropdown-toggle{color:#fff;background-color:#354052;border-color:#fff}.btn-outlined-secondary.active:focus,.btn-outlined-secondary:active:focus,.show>.btn-outlined-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outlined-secondary.disabled,.btn-outlined-secondary:disabled{color:#fff;background-color:transparent}.btn{font-weight:600}.btn:not([class^=btn-outline]):not([class*=" btn-outline"]):not([class^=btn-ghost]):not([class*=" btn-ghost"]):not(.btn-secondary){text-shadow:1px 1px 0 rgba(0,0,0,.02)}.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{-webkit-filter:drop-shadow(1px 1px 0 rgba(0, 0, 0, .05));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.2em;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.5}.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-icon{min-width:calc(2.125rem + 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;margin-right:-.5rem}.btn-list>.btn,.btn-list>.dropdown{margin-bottom:.5rem}.btn-list>.btn:not(:last-child),.btn-list>.dropdown:not(:last-child){margin-right:.5rem}.btn-options{display:flex;align-items:center;padding:0;color:#7e8590;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%}.calendar{display:block;font-size:.8203125rem;border:1px solid rgba(53,64,82,.16);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:#7e8590}.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:rgba(53,64,82,.16)}.calendar-date .date-today{color:#206bc4;border-color:rgba(53,64,82,.16)}.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.5rem;box-shadow:rgba(53,64,82,.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(53,64,82,.16) 0 2px 16px 0}.card-sm .card-body{padding:1rem}.card-md .card-body{padding:3rem}.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:1.25rem 1.25rem;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(53,64,82,.16);border-radius:3px 3px 0 0}.card-cover{position:relative;padding:1.25rem 1.25rem;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,.4)}.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:.8666667em}.card-actions a{text-decoration:none}.card-header{display:flex;align-items:center;background:0 0}.card-header-tabs{flex:1;margin:-1.25rem -1.25rem}.card-header-pills{flex:1}.card-footer{color:#7e8590}.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:#7e8590}.card-title{display:block;margin:0 0 1rem;font-size:1.2em;font-weight:600;line-height:1.3333333}a.card-title:hover{color:inherit}.card-header .card-title{margin:.125rem 0}.card-subtitle{margin-top:-1.25rem;margin-bottom:.625rem;font-size:87.5%;color:#7e8590}@media print{.card-body{padding:0}}.card-body>:last-child{margin-bottom:0}.card-body+.card-body{border-top:1px solid rgba(53,64,82,.16)}.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:#7e8590}.card-drop{line-height:1;color:#7e8590}.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:first-child td,.card-table tr:first-child th{border-top:0}.card-table tr td,.card-table tr th{border-top:1px solid rgba(53,64,82,.16)}.card-table tr td:first-child,.card-table tr th:first-child{padding-left:1.25rem}.card-table tr td:last-child,.card-table tr th:last-child{padding-right:1.25rem}.card-body+.card-table{border-top:1px solid rgba(53,64,82,.16)}.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-profile .card-header{height:9rem;background-size:cover}.card-profile-img{max-width:6rem;margin-top:-5rem;margin-bottom:1rem;border:3px solid #fff;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.1)}.card-body+.card-list-group{border-top:1px solid rgba(53,64,82,.16)}.card-list-group .list-group-item{padding-right:1.25rem;padding-left:1.25rem;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,.02);border:1px solid rgba(53,64,82,.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(53,64,82,.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(53,64,82,.16);border-top-left-radius:0;border-top-right-radius:0}.card-tabs .card{margin:0;border-top-left-radius:0}.dropdown-menu{min-width:12rem;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 .icon{width:1em;margin-right:.5rem;color:inherit;opacity:.5;text-align:center;stroke-width:2px}.dropdown-header{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590;padding-bottom:.25rem;pointer-events:none}.dropdown-menu-scrollable{height:auto;max-height:12rem;overflow-x:hidden}.dropdown-item{color:inherit;display:flex;align-items:center;margin:0}.dropdown-menu-arrow{margin-top:.75rem}.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}.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-subtitle,.empty .empty-title{margin:0 0 .5rem}.empty .empty-action{margin-top:1.5rem}.empty-bordered{border:1px solid rgba(53,64,82,.16);border-radius:3px}.col-separator{border-left:1px solid rgba(53,64,82,.16)}.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-xs{margin-right:-.25rem;margin-left:-.25rem}.row-xs>.col,.row-xs>[class*=col-]{padding-right:.25rem;padding-left:.25rem}.row-xs .card{margin-bottom:.5rem}.row-sm{margin-right:-.5rem;margin-left:-.5rem}.row-sm>.col,.row-sm>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.row-sm .card{margin-bottom:1rem}.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}.highlight{max-height:40rem;margin:1rem 0 2rem;overflow:auto;font-size:.9375rem;background:#fcfcfc;border:1px solid rgba(53,64,82,.16);border-radius:3px}.highlight pre{height:100%;margin-bottom:0;color:inherit;white-space:pre-wrap;background-color:transparent}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#999}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.highlight .css .nt+.nt,.highlight .css .o,.highlight .css .o+.nt{color:#999}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-code .highlight,.highlight-dark{color:#fff;background:#354052;border-color:transparent}.card-code .highlight .c,.highlight-dark .c{color:#75715e}.card-code .highlight .err,.highlight-dark .err{color:#960050;background-color:#1e0010}.card-code .highlight .k,.highlight-dark .k{color:#66d9ef}.card-code .highlight .l,.highlight-dark .l{color:#ae81ff}.card-code .highlight .n,.highlight-dark .n{color:#f8f8f2}.card-code .highlight .o,.highlight-dark .o{color:#f92672}.card-code .highlight .p,.highlight-dark .p{color:#f8f8f2}.card-code .highlight .cm,.highlight-dark .cm{color:#75715e}.card-code .highlight .cp,.highlight-dark .cp{color:#75715e}.card-code .highlight .c1,.highlight-dark .c1{color:#75715e}.card-code .highlight .cs,.highlight-dark .cs{color:#75715e}.card-code .highlight .ge,.highlight-dark .ge{font-style:italic}.card-code .highlight .gs,.highlight-dark .gs{font-weight:600}.card-code .highlight .kc,.highlight-dark .kc{color:#66d9ef}.card-code .highlight .kd,.highlight-dark .kd{color:#66d9ef}.card-code .highlight .kn,.highlight-dark .kn{color:#f92672}.card-code .highlight .kp,.highlight-dark .kp{color:#66d9ef}.card-code .highlight .kr,.highlight-dark .kr{color:#66d9ef}.card-code .highlight .kt,.highlight-dark .kt{color:#66d9ef}.card-code .highlight .ld,.highlight-dark .ld{color:#e6db74}.card-code .highlight .m,.highlight-dark .m{color:#ae81ff}.card-code .highlight .s,.highlight-dark .s{color:#e6db74}.card-code .highlight .na,.highlight-dark .na{color:#a6e22e}.card-code .highlight .nb,.highlight-dark .nb{color:#f8f8f2}.card-code .highlight .nc,.highlight-dark .nc{color:#a6e22e}.card-code .highlight .no,.highlight-dark .no{color:#66d9ef}.card-code .highlight .nd,.highlight-dark .nd{color:#a6e22e}.card-code .highlight .ni,.highlight-dark .ni{color:#f8f8f2}.card-code .highlight .ne,.highlight-dark .ne{color:#a6e22e}.card-code .highlight .nf,.highlight-dark .nf{color:#a6e22e}.card-code .highlight .nl,.highlight-dark .nl{color:#f8f8f2}.card-code .highlight .nn,.highlight-dark .nn{color:#f8f8f2}.card-code .highlight .nx,.highlight-dark .nx{color:#a6e22e}.card-code .highlight .py,.highlight-dark .py{color:#f8f8f2}.card-code .highlight .nt,.highlight-dark .nt{color:#f92672}.card-code .highlight .nv,.highlight-dark .nv{color:#f8f8f2}.card-code .highlight .ow,.highlight-dark .ow{color:#f92672}.card-code .highlight .w,.highlight-dark .w{color:#f8f8f2}.card-code .highlight .mf,.highlight-dark .mf{color:#ae81ff}.card-code .highlight .mh,.highlight-dark .mh{color:#ae81ff}.card-code .highlight .mi,.highlight-dark .mi{color:#ae81ff}.card-code .highlight .mo,.highlight-dark .mo{color:#ae81ff}.card-code .highlight .sb,.highlight-dark .sb{color:#e6db74}.card-code .highlight .sc,.highlight-dark .sc{color:#e6db74}.card-code .highlight .sd,.highlight-dark .sd{color:#e6db74}.card-code .highlight .s2,.highlight-dark .s2{color:#e6db74}.card-code .highlight .se,.highlight-dark .se{color:#ae81ff}.card-code .highlight .sh,.highlight-dark .sh{color:#e6db74}.card-code .highlight .si,.highlight-dark .si{color:#e6db74}.card-code .highlight .sx,.highlight-dark .sx{color:#e6db74}.card-code .highlight .sr,.highlight-dark .sr{color:#e6db74}.card-code .highlight .s1,.highlight-dark .s1{color:#e6db74}.card-code .highlight .ss,.highlight-dark .ss{color:#e6db74}.card-code .highlight .bp,.highlight-dark .bp{color:#f8f8f2}.card-code .highlight .vc,.highlight-dark .vc{color:#f8f8f2}.card-code .highlight .vg,.highlight-dark .vg{color:#f8f8f2}.card-code .highlight .vi,.highlight-dark .vi{color:#f8f8f2}.card-code .highlight .il,.highlight-dark .il{color:#ae81ff}.card-code .highlight .gu,.highlight-dark .gu{color:#75715e}.card-code .highlight .gd,.highlight-dark .gd{color:#f92672}.card-code .highlight .gi,.highlight-dark .gi{color:#a6e22e}.icon{width:1em;height:1em;font-size:1em;vertical-align:-.2em}.icon:hover{text-decoration:none}.icon-filled{fill:currentColor}.icon-thin{stroke-width:1.5}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.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(53,64,82,.16);border-bottom:1px solid rgba(53,64,82,.16)}.icons-list-item i{font-size:1.25rem}textarea[cols]{height:auto}.form-label{font-size:1em;font-weight:600;display:block;margin-bottom:.5rem}.form-label-description{float:right;font-weight:400;color:#7e8590;line-height:1.8285714;font-size:87.5%}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset}.form-control.disabled,.form-control:disabled{color:#7e8590;-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-footer{margin-top:2rem}.form-fieldset{padding:1rem;margin-bottom:1rem;background:rgba(53,64,82,.02);border:1px solid rgba(53,64,82,.16);border-radius:3px}.form-required{color:#fa4654}.custom-control-label::before{background:0 0;border:1px solid rgba(53,64,82,.16)}.form-help{display:inline-flex;font-weight:600;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;color:#7e8590;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#f1f3f8;border-radius:50%;transition:.3s background-color,.3s color}.form-help:hover,.form-help[aria-describedby]{color:#fff;background:#206bc4}.form-check-input{color:#206bc4}.form-check-input:checked{background-color:currentColor}.form-check .form-check-input:not(:checked)~.form-check-label{color:#7e8590}.input-group-prepend .input-group-text{border-right:0}.input-group-append .input-group-text{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:#7e8590;pointer-events:none}.input-icon-addon svg{width:1rem;height:1rem}.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(53,64,82,.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/.8rem;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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%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 .2rem rgba(32,107,196,.25)}.form-imagecheck{position:relative;margin:0;cursor:pointer}.form-imagecheck-input{position:absolute;z-index:-1;opacity:0}.form-imagecheck-figure{position:relative;display:flex;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid rgba(53,64,82,.16);border-radius:3px}.form-imagecheck-input:focus~.form-imagecheck-figure{border-color:#206bc4;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-imagecheck-input:checked~.form-imagecheck-figure{border-color:rgba(53,64,82,.16)}.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(53,64,82,.16);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'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.16)}.form-imagecheck-image{max-width:100%;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:.8203125rem;color:#7e8590;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:#354052}.form-selectgroup{display:inline-flex;margin:0 -.5rem -.5rem 0}.form-selectgroup-vertical{flex-direction:column}.form-selectgroup-item{display:block;position:relative;flex-grow:1;margin:0 .5rem .5rem 0}.form-selectgroup-input{position:absolute;top:0;left:0;z-index:-1;opacity:0}.form-selectgroup-box{position:relative;display:block;min-width:calc(1.4666667em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;line-height:1.4666667;color:#7e8590;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.064);border:1px solid rgba(53,64,82,.16);border-radius:3px;transition:border-color .3s,background .3s,color .3s}.form-selectgroup-box .icon:only-child{margin:0 -.25rem}.form-selectgroup-box:hover{color:#354052}.form-selectgroup-check{display:inline-block;width:1rem;height:1rem;border:1px solid rgba(53,64,82,.16);vertical-align:middle}.form-selectgroup-input[type=checkbox]+.form-selectgroup-box .form-selectgroup-check{border-radius:3px}.form-selectgroup-input[type=radio]+.form-selectgroup-box .form-selectgroup-check{border-radius:50%}.form-selectgroup-input:checked+.form-selectgroup-box .form-selectgroup-check{background-color:#206bc4;background-repeat:no-repeat;background-position:center center;background-size:.8rem;border-color:rgba(53,64,82,.16)}.form-selectgroup-input[type=checkbox]:checked+.form-selectgroup-box .form-selectgroup-check{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='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 8.5L6.5 11l6-6'/%3e%3c/svg%3e")}.form-selectgroup-input[type=radio]:checked+.form-selectgroup-box .form-selectgroup-check{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e")}.form-selectgroup-input:checked+.form-selectgroup-box{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-box{z-index:2;color:#206bc4;border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.form-selectgroup-boxes .form-selectgroup-box{text-align:left;padding:1.25rem 1.25rem;color:inherit}.form-selectgroup-boxes .form-selectgroup-box-content{opacity:.64;transition:.3s opacity}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-box{color:#354052}.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-box .form-selectgroup-box-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-box{border-radius:50px}.form-control-color::-webkit-color-swatch{border:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-check-input{margin-top:.25rem;transition:.3s background-position,.3s background-color}.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(53,64,82,.16);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 .625rem}.list-row .list-item>*{padding-left:.625rem;padding-right:.625rem}.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:#7e8590}.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:#7e8590;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:#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:#7e8590}.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 rgba(53,64,82,.16)}@-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}.col-login{max-width:24rem}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(53,64,82,.4)}.modal-content{border:1px solid rgba(53,64,82,.16);border-radius:3px}.nav-tabs .icon{color:#7e8590}.nav-tabs .nav-link{padding:.75rem 1.25rem;line-height:20px;color:#7e8590;cursor:pointer;background:0 0;border:none;border-bottom:1px solid transparent;transition:.3s color,.3s border-color}.nav-tabs .nav-link:hover{color:#354052;border-color:transparent}.nav-tabs .nav-link.disabled{color:rgba(126,133,144,.2)}.nav-tabs .nav-link.active{color:#354052;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;align-items:center;transition:.3s color}.stars{display:inline-flex;color:#dee1e7;font-size:.8666667em}.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:#7e8590;text-transform:uppercase}.page-item.disabled .page-item-subtitle{color:rgba(126,133,144,.5)}.page-item-title{font-size:1.2em;font-weight:400;color:#354052}.page-link:hover .page-item-title{color:#206bc4}.page-item.disabled .page-item-title{color:rgba(126,133,144,.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:.75rem;-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:.7333333em;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:"";-webkit-filter:brightness(70%);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-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:#fa4654}.ribbon.bg-red-lt{border-color:#fedadd!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-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-white{border-color:#fff}.ribbon.bg-white-lt{border-color:#fff!important}.ribbon.bg-gray{border-color:#aeb3bc}.ribbon.bg-gray-lt{border-color:#eff0f2!important}.ribbon.bg-gray-dark{border-color:#5f6877}.ribbon.bg-gray-dark-lt{border-color:#dfe1e4!important}.ribbon.bg-azure{border-color:#45aaf2}.ribbon.bg-azure-lt{border-color:#daeefc!important}.ribbon.bg-lime{border-color:#7bd235}.ribbon.bg-lime-lt{border-color:#e5f6d7!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:.9375rem;font-weight:600;color:#7e8590;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-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:#fa4654}.steps-red .step-item.active::before{color:inherit;border-color:#fa4654}.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-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-white .step-item::after,.steps-white .step-item::before{color:#fff;background:#fff}.steps-white .step-item.active::before{color:inherit;border-color:#fff}.steps-gray .step-item::after,.steps-gray .step-item::before{color:#fff;background:#aeb3bc}.steps-gray .step-item.active::before{color:inherit;border-color:#aeb3bc}.steps-gray-dark .step-item::after,.steps-gray-dark .step-item::before{color:#fff;background:#5f6877}.steps-gray-dark .step-item.active::before{color:inherit;border-color:#5f6877}.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-lime .step-item::after,.steps-lime .step-item::before{color:#fff;background:#7bd235}.steps-lime .step-item.active::before{color:inherit;border-color:#7bd235}.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:600}.step-item.active::before{background:#fff}.step-item.active~.step-item{color:#7e8590}.step-item.active~.step-item::after,.step-item.active~.step-item::before{background:#f3f5f5}.step-item.active~.step-item::before{color:#7e8590!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,.table{color:inherit}.markdown table thead th,.table thead th{background:rgba(53,64,82,.02);border-width:1px;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}@media print{.markdown table thead th,.table thead th{background:0 0}}.markdown table th,.table th{color:#7e8590}.table-nowrap td,.table-nowrap th{white-space:nowrap}.table-md td,.table-md th{padding:.5rem}.table-vcenter td,.table-vcenter th{vertical-align:middle}.table-center td,.table-center th{text-align:center}.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:1rem 0;font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.hr-text::after,.hr-text::before{flex:1 1 auto;height:1px;background-color:currentColor;opacity:.1}.hr-text::before{margin-right:.5rem}.hr-text::after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:#7e8590}.hr-text.hr-text-center::before{content:""}.hr-text.hr-text-center>: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}.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}.strong,b,strong{font-weight:600}blockquote{padding-left:1rem;color:#7e8590;border-left:2px solid rgba(53,64,82,.16)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"— "}dl dd:last-child{margin-bottom:0}code{padding:3px;background:rgba(32,107,196,.03);border:1px solid rgba(32,107,196,.064);border-radius:3px}pre code{padding:0;background:0 0;border:none;border-radius:0}pre{padding:1rem;overflow:auto;font-size:85%;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.45;color:#5f6877;-moz-tab-size:3;-o-tab-size:3;tab-size:3;background-color:#f8fafc;border-radius:3px;-webkit-font-smoothing:auto}img{max-width:100%}::-moz-selection{color:#fff;background-color:#307fdd}::selection{color:#fff;background-color:#307fdd}.subheader{font-size:.7333333em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#7e8590}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.markdown{font-size:1rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{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}.chart{display:block;min-height:10rem}.chart text{font-family:inherit}.chart-sm{height:2.5rem}.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:.7333333em}.chart-sparkline-label .icon{width:1rem;height:1rem}.example{padding:2rem;margin:1rem 0 0;border:1px solid rgba(53,64,82,.16);border-radius:3px 3px 0 0}.example-bg{background:rgba(53,64,82,.02)}.example+.highlight{margin-top:0;border-top:none;border-radius:0 0 3px 3px}.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}.selectize-control{padding:0;border:0}.selectize-control.multi .selectize-input>div{font-size:.8666667em;margin:0 8px 2px 0;padding:2px 8px;border-radius:3px;background-color:#f1f3f8;color:inherit}.selectize-input{display:flex!important;height:100%;border:1px solid rgba(53,64,82,.16);padding:.375rem .75rem;font-size:.9375rem;box-shadow:none;line-height:1.4666667}.selectize-control.single .selectize-input{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235f6877' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right .75rem center/16px 12px}.selectize-input.focus{border-color:#7aade9;box-shadow:0 0 0 .2rem rgba(32,107,196,.25)}.selectize-input:after{content:none!important}.selectize-dropdown{height:auto;background:#fff;padding:.375rem 0;margin-top:1px}.selectize-dropdown .option,.selectize-dropdown .option-header{padding:.25rem .75rem}.selectize-dropdown .active{background:#f1f3f8;color:inherit;cursor:pointer}.jqvmap-zoomin,.jqvmap-zoomout{height:auto;width:auto;left:.5rem;border:1px solid rgba(53,64,82,.16);background:#fff;color:#354052}.jqvmap-zoomin{top:.5rem}.jqvmap-zoomout{top:2rem}.jqvmap-label{font-family:inherit;font-size:.7333333em;line-height:1;padding:.25rem;background:#354052}.apexcharts-title-text{font-weight:600!important}.apexcharts-tooltip-title{font-weight:600!important;padding-bottom:.25rem!important}.apexcharts-tooltip{line-height:1;color:#fff;background:#354052!important;border:0!important;border-radius:3px!important}.apexcharts-tooltip-title{margin:0!important;background:0 0!important;border:0!important}.apexcharts-tooltip-series-group{padding:0 8px!important}.apexcharts-tooltip-marker{width:.5rem;height:.5rem}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:rgba(53,64,82,.16)}.fc-unthemed .fc-toolbar .h2,.fc-unthemed .fc-toolbar h2{font-size:1.5333333em;margin:0}.fc-unthemed .fc-button{color:#7e8590;background-color:#fff;border-color:rgba(53,64,82,.16);padding:.375rem 1rem;font-size:.9375rem;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}.fc-unthemed .fc-button:hover{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16)}.fc-unthemed .fc-button.focus,.fc-unthemed .fc-button:focus{color:#354052;background-color:#ececec;border-color:rgba(33,40,51,.16);box-shadow:0 0 0 .2rem rgba(102,110,124,.5)}.fc-unthemed .fc-button.active,.fc-unthemed .fc-button:active,.show>.fc-unthemed .fc-button.dropdown-toggle{color:#354052;background-color:#e6e6e6;border-color:rgba(28,34,43,.16)}.fc-unthemed .fc-button.active:focus,.fc-unthemed .fc-button:active:focus,.show>.fc-unthemed .fc-button.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(102,110,124,.5)}.fc-unthemed .fc-button.disabled,.fc-unthemed .fc-button:disabled{color:#7e8590;background-color:#fff;border-color:rgba(53,64,82,.16)}@media (prefers-reduced-motion:reduce){.fc-unthemed .fc-button{transition:none}}.fc-unthemed .fc-widget-header{border:0}.fc-unthemed .fc-day-header{padding-bottom:.25rem;font-weight:600}.fc-unthemed.card-calendar .fc-day-grid-container{border-bottom:0;border-left:0}.fc-unthemed .fc-time{font-weight:600}.fc-unthemed .fc-event{border-color:rgba(0,0,0,.05);color:#206bc4;background-color:#d2e1f3;padding:0 .25rem}.border-dashed{border-style:dashed!important}.border-transparent{border-color:transparent!important}.bg-white-overlay{color:#fff;background-color:rgba(245,247,251,.4)}.bg-dark-overlay{color:#fff;background-color:rgba(53,64,82,.4)}.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-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:#fa4654}.text-red{color:#fa4654!important}.bg-red-lt{color:#fa4654!important;background:#fedadd!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-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-white{background:#fff}.text-white{color:#fff!important}.bg-white-lt{color:#fff!important;background:#fff!important}.bg-gray{background:#aeb3bc}.text-gray{color:#aeb3bc!important}.bg-gray-lt{color:#aeb3bc!important;background:#eff0f2!important}.bg-gray-dark{background:#5f6877}.text-gray-dark{color:#5f6877!important}.bg-gray-dark-lt{color:#5f6877!important;background:#dfe1e4!important}.bg-azure{background:#45aaf2}.text-azure{color:#45aaf2!important}.bg-azure-lt{color:#45aaf2!important;background:#daeefc!important}.bg-lime{background:#7bd235}.text-lime{color:#7bd235!important}.bg-lime-lt{color:#7bd235!important;background:#e5f6d7!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}.max-h-full{max-height:100%!important}.max-h-screen{max-height:100vh!important}.max-w-full{max-width:100%!important}.max-w-screen{max-width:100vw!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.w-1p{width:1%!important}.h-1p{height:1%!important}.w-25p{width:25%!important}.h-25p{height:25%!important}.w-50p{width:50%!important}.h-50p{height:50%!important}.w-75p{width:75%!important}.h-75p{height:75%!important}.w-100p{width:100%!important}.h-100p{height:100%!important}.w-autop{width:auto!important}.h-autop{height:auto!important}.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:1.5rem!important}.h-5{height:1.5rem!important}.w-6{width:3rem!important}.h-6{height:3rem!important}.w-7{width:6rem!important}.h-7{height:6rem!important}.w-8{width:9rem!important}.h-8{height:9rem!important}.w-9{width:12rem!important}.h-9{height:12rem!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}.h-screen{height:100vh!important}.w-screen{width:100vw!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}@media not print{body.theme-dark,body.theme-dark .dropdown-menu,body.theme-dark .example-bg,body.theme-dark .modal-content{color:#afbdd1;background:#222935}body.theme-dark .card,body.theme-dark .sidebar,body.theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(53,64,82,.01)}body.theme-dark .form-control-light,body.theme-dark .progress{background:rgba(53,64,82,.01)}.markdown body.theme-dark table td,.markdown body.theme-dark table th,body.theme-dark .card-footer,body.theme-dark .card-header,body.theme-dark .dropdown-menu,body.theme-dark .example,body.theme-dark .markdown table td,body.theme-dark .markdown table th,body.theme-dark .table td,body.theme-dark .table th{border-color:rgba(53,64,82,.01)}body.theme-dark .text-body{color:#afbdd1!important}body.theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.theme-dark .form-fieldset{border-color:transparent}}@media (prefers-color-scheme:dark){body.auto-theme-dark,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example-bg,body.auto-theme-dark .modal-content{color:#afbdd1;background:#222935}body.auto-theme-dark .card,body.auto-theme-dark .sidebar,body.auto-theme-dark .topbar{color:inherit;background:rgba(255,255,255,.02);border-color:rgba(53,64,82,.01)}body.auto-theme-dark .form-control-light,body.auto-theme-dark .progress{background:rgba(53,64,82,.01)}.markdown body.auto-theme-dark table td,.markdown body.auto-theme-dark table th,body.auto-theme-dark .card-footer,body.auto-theme-dark .card-header,body.auto-theme-dark .dropdown-menu,body.auto-theme-dark .example,body.auto-theme-dark .markdown table td,body.auto-theme-dark .markdown table th,body.auto-theme-dark .table td,body.auto-theme-dark .table th{border-color:rgba(53,64,82,.01)}body.auto-theme-dark .text-body{color:#afbdd1!important}body.auto-theme-dark .avatar-list-stacked .avatar{box-shadow:0 0 0 2px #222226}body.auto-theme-dark .navbar-brand-logo{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}body.auto-theme-dark .form-fieldset{border-color:transparent}}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=rtl] .hide-rtl{display:none!important}html[dir=rtl] .show-rtl{display:block!important}html[dir=rtl] .float-right{float:left!important}html[dir=rtl] .float-left{float:right!important}
 /*# sourceMappingURL=tabler.min.css.map */
\ No newline at end of file
diff --git a/dist/css/tabler.min.css.map b/dist/css/tabler.min.css.map
index 3eb82d8b65f0328203bb4261008156a019e7ed03..16500cda50d41bafd7d11e8f3a6692f12a90095f 100644
GIT binary patch
delta 18482
zcmeHu33L?KmFRg@s;chlE-h$ZX@OXTT2i;x7GO|!tF^I6Vqb+CA*9yQtrbZuMzY5k
z=f@!2hC4B~5uV_&9Xo)DQ)4izZM-Is?_+22ChUxp8Dj&<Bx7u1{(aS(Bm|CUCO>Bq
zIESvP`|i8%zPr8UUY&g>|JXyOLqR5{#p32ndGs;UluRGhrhNL?W6H+Ik=ISX3R1UN
z%yZ`Jmz%Bbw#M)yC-3+JLz|u}T*A_)wkVQ*yPb2A-PYolwDZhXv)*ntoAuZ@uH;h%
z`RlT0H5B>qVoef#9`AUL6_D<{Vtt)E^y$PSySv|&XhYjQnS@f?zimDJRNXsCOP?9;
zy()adn?)q)$Zz+K58_)aMr(7Kd+QIP+!F>*Q=DH9KEUJC-Tlv>k`{OE6DRR^;**b&
zmLq4MOe6UC-BazsLY~E3TCTUdtDX-hdG4*xPfhSZ92Rp)nSLqdyNv$Kqd$4>7oVSs
zXcwQ4!(ZWOD*hUe()YPXQ@tIVl#a_sbv&}`=(T#}M&2=jn5mrP^OMLWIu|&VMRMr#
z4_QQyPxs|DiKGb%vk4VE^kkD<_lYJRj%1U`6!5ETl1|aCtc{Qpa!4o3n#;;zehP_p
zUmcJl6h14c%xe`EthuGd@L)bkrF~E2lOk<aT9sMvuyortrd7H34Mw>S_NrvPiQG>G
z4Mz(|JU-=j3P^#%XXqV7raF^folTx4TYEFBY<iQW*Vdd_HP0g-o4Im<zR9xDmP6Z`
zuq`vK>IT`NcGu3wo*Qjxnb=B6C}?)dW|g_YvOu4QjZO6n%J8MvRzPVebEu-`)@3nU
zZTh9~g_#6XZUhTaDGY~N$sx-4X{$#*zqOJ_DZ;%)<SRx~pTD3O`)1i1O>ln+u~E#o
zO2|ZNY-MJBh5PG?F~Q4oZ8@d|W__C_$JS|r38loM=_o)z2Lc)jz=Z&@KFtd-!m(0f
z)fjx=t!We?8Qw1?Ay808#)+;>FKPiSE+f;#EQ;EVw0hvaGLj&sr7fT`q~8b2h=Xz)
zTTa#mO*fg4+ipvqt)X>cG5SlsEzPyihWzK*Hkh!FqTD&=o_Xc^CTqT}r4<|Nt$E0_
zEYBwo2uR6&B|n@_vU&+gCKb@PgrsTAC6p?a-#nPrNa7OEIurw4OzmVbRlq#zdTAE3
zt;~IRStR^w3DJfYms6=@BmP#DVPD-cViXsY>s=P}Qu>{|lu)mP?Mul_t;c(p(ow45
zWIBm)A05=VYZi!_g>;k(N@yV@FDEhJ${->{EF-Pb`eL+1+Ja8k0=t%xaC?4HwhgCe
z$t!9p_RhE}zsOl!tT!O6qqxl5!;WUJHx((fq7<s=47#jlbFbACZfs`jMytL9A>CHb
zbZyqmk{&BOv5fr8J@h~%+`pVmBwcVAA6k!nRZ&XwAgq>5aJ#G=TrVdgoncrevORMq
z85dNEVuHdIWCfWAdsmRuNDm82M;m3yMOkuRUYP=aT0sQHVF7L>ncy9Ubh|G+5CJtS
zNm(Qc%<rXU8(N>g<DE5x5ARZ@W~U4x=DKoJG+bRtp7F914o6oIk)*-PtH>Q;!-K5i
zEii61naZ?SVdiQQH@nG76_%w)x{Qu$@Vqt`r#TiC>rFOuky)Q(YbwrmEHdj&R&xm|
zk&dj)s26sxCeycO(YE?xifTgC9_6!$qAF%tW!;DdgVB!~0PTwlgjel0`l%Rz@?)d+
zh|C~jou>uAhs&RKTu56K%TespW`=3iL<~ouGMe(E5bB2HH6)*OpkQO6eGQ2O$6e@%
zd)AN^pQx(rlvoM<L2EF3qE_Hjp;cyHr<jk!Qs!Y*VY<rPXerm{Sj=q*_DqxNxZ7>)
zi+JE*2+YBuay^RlPK7G6m`+UzU1fBtO{2b1+-M=cDo!sPp*F<KQ!qUq(N;nG8iql7
z%jno0id}fL1NICO&b3iPLW_%pgj^C5f!>K76*KfH(dxd?67K$DWkL?(qMM+GZQcMq
zhYDMv=KaA>??lU$!K%tYx0*z6U4-6dGuO`ZwXU15&nYoGELFZi7B27x8AV|VT_wmY
zHKXsQS<Q3GJfX&Bo{OZc=7rwyKBv{@L?IijZMMczukh!fWjb-h9BWhY2InH1z6Cz0
zA@5LyK4&LpO-na6c3V4&JG*7FmN=A^s;Lf59#P~6>xqWdWHl_twL7nPW5Z&2s*#v9
zE{6xu>{u*+)<_nGY&8`uF2``<C@~gblV{0Sc&=zH$)as`M@c7bveV6gBA|Ix2Thj7
zk`@YY!oCd!i_3h5jBO5VtM`y|l;oSRP1!_Lv=^Zd*LD;YSZp+aq8ZMCQyYnHyxE2(
zV)eU?&01be4d3fUbHJWS!ewR?kqO(?xCCC<Oky>ejZ3h9dr1cZh7ge0(742BpzS4D
zjZ4arThyejt)vH0qPCDbs9+XtAum%=0WRusa!x;)tSq4`?;;m8hOQ+jW@~pza~G7{
zO{Rx*_23xwmfn)~9&D*_?=ptF4|Z|z#N8x<5<7l3Nh3^$0sj3TNWRu-KnCn|T1Z}h
z4=JI;blyWArq8f#{;dtn&L(^`t~7|5W-(go4LFL)YOv&QTw-%y_+B`;vWY4YeTsUL
z;;wC0qa|x2qPdC;md=e!%D}vhB*L59lueEN$8BV@Aa=Aa#icB*q_tJvyn~c;(OtO+
zz;RFt=)cAEy`{7{7v6W1_%Ii3>{S}OJz({NBynPk#aY^xyA-|0N^ubf1EmeO9iDkP
zOS^KR>_L*8-R|k{EJZ>sB`7v?kyCkCyKS^jaSwg8l;-CwwRxoik32|vqkHp_s0+1?
z=4Pc_(UDs7A$>P;)j=Cg3Rij98Nq(8y7G~$UIiC%=t4b=tKNM0-frY-gQvf<6bUtz
zqJNl+nw1B75$#jlOdl<!nR$M$<j-~!GZ*A)b!~wC50OYYeJ?pagU_!s<rWy^%kPjs
zO5P9X`-q8?4TF5dY?yFb3}=mbsgRt)9DzC=>;DRe&r=v%0AczhrW@9nR2)n>Ee0!n
zsxR=d@YN8%Y9w4n_&Ju%TAvMrsZ1=4pT;!twQFnZ)@8%#bS55>KH)>**fb`V%c;w&
zGlBgguK-tjzU978_-8e6=yidEMjh)JYgaZC4yTrDv~os1BdbS_2=>RBsq(CA{4oOO
zEKI6zqWkOESg0ssBuKF`$u~mVtjwevp=Yej<Qt)1{E1H(4waE^8b6W`xxbug;{vcC
zl<bT>|Asq`S&fVu?yqIj;Cwj~1T9&d3hrCZB+0FnOezy(YOiYn^D;IvFl)w`2bUKz
zX>zbu_>z@BSi<a4jchIaM@A<<w1&B;^YPU-i!Fh{XhDF%uW^)`?+QG8{yU-#a73vp
z{Z8f!t`wO26Rrc!uVrH7(8rlCI3FGR8YaT`ZoH~agF|cB<e;_rS@}>^D@5~oxp}qu
zd4Nq(@PntBIb7ZiZT*Ls$(o#8z0R0x#GgE<x?c!~JFcol7?{iP(EJS3?xTYfkK%II
zBUQNm4D;wsy8ZMkwGmDoWOSTj(_lX!MhO$W_PwJ{xEkeSnX>Og>Jy@1{HrK@*I6dl
z2gIJdrzhC`2sjZfTt3Up60`D<<LqqwfvQF!0(95a0%UFxG*JBtvwaLAg>Nu1bd*PL
z(e<-enF4QD@-P>-=W!g(Z~#>`a1P%x`UOF5dX3o~JBF?{e@{qI`#n+K_n46GH_+3O
zY$DXWCP?zNSB1S~m<YnDwVd<;Dj#BWFgudn>;=f!ao#BNg|HLccv$@wvN9uqEnx#g
ze)zT^k-+C8I`%&#?_>^}*chBljGXYVLI|S`$Sx;GzF=VA6oLwjYmKn~Yi$fvq%kU3
zyM_t(g@eLNLJns%WEryL-b+Fs3%&c<ap3xtQ_Cl2vg3q+FqD9^znBe&AqyJ>At_=K
zoQl*0L(LH(T^_nBJU5QZ%FfNU16j((au|Hp=YS8NgY#NdtGE4U<y^cs@C4dhm$EuI
z7^TYRvprPMCZoL_+NxPR=`3djdGj*%_nJ{WnN!7lsMv)5Jfne&f=k=9qWtzcwuKCn
z5A?;VY;bA2Rt=#kj0mYtHWVJ6f_l%p55+QDhqUzxs;^Z65gR9|e&dlib=j&Zst5>C
z1qI86Q&cHoN(e@{+-g!Kuu70*vd}rEtMpL#U6zvvwz0dI;qWM^*^aZIjew04U~oGd
zPd`KCXYOMoM&imzX4U&6$VSOYHq|Ls{=S<<<#~J#23Dx7Ty6n6uKbG?s<$}#m8aPY
z!^A@wH`eeGF!Vetz-#})CMeSz3BKN>DjNgb`aGL5HaG~Lf1a(np$(nsC_8ZsaPLue
z$qiruE+1v5jSUuHhEug*jJ6*-Rg=d6UpvO`@anqCsfw4MdV&2}p%-xBEjB_9J*0Zf
zXAKkp1J_VR=MSsi^g-<;DEi)+BuJh~I89t2$}8&!hA4J29CC88@{V}!Ou$CKUW-mp
z_J%YLLesS|^1c)<BvSAwX9nn0nh2<L3o7{dx9W+|yO0ZobB(-3p7w9*X4V%49=@pl
zu|H_w@{u49%;s3pr(*Mesv}_57wR1Wo~Zhgzl-ti)MJ`Z`0@+&BT8E+jh8tFy^e-^
zLk1!luBxNy>VQk$yUcj#8xj)~%&^gzsnBm>Cc(-9Az|bKvB1;wlP}c?(05MYLrr>J
zb`B1ML(w5p_xzA~cvwGNA({h>DiOncO}!N|!_n&fJBj3FX!(6i5C@^XxHwe)Sk%a>
zKdBi`Mj3q><eNHqf{%ouNkR}*PL(FWkCt(5+O?g|^!3dyd#A%$4{h~q9Q3IqHB>y!
zatW)PI^9}VXQ!)Wy3Ux9iwpV;3Tk)MH*~_5-*O4iT8Ken!g6jwAc9a~dY19!T%1o2
z^3fGsAv<a!q?(%>0C99<p@XaGQabdNsDk8stGRbaN6Taf6Sb#-ON5F%X)^rq5tT}Q
zeLW}mbiXG?{E5nIEjp;4E|o!_gi;Afk?^{tk-P4bM0%X~xMKHIqVnNpF2cttywSpC
z`AkWlApVZ=<H3&cA_kc8;_v++Ijo&K?ZHqf{BK$1gfN>F4%a7&p)lKuQBc*z1v3Hp
zC^|Hjvr$ku4WoX|Bymqb2udTFDvpQ39^6sf|07(W_myGz4esGehH=uj5##b9qkx;M
zsp6|L#_C7?6KI<&<-%Yq6C~@maFd5^-F%vX`3BJwD3sZ6HHZVluoM>PswuD8&OJQE
zA004WheK<zO6#9I%vmkkBQmE=TjeZvwYTV+?Q83r(LknULYq@cf<ZL5J=;YUY{<Yh
zF7pvyfa|NpxG)7TeO+BgZM&nj)8TT$zJ4(paz9rmdSlGb-X)QODa(|bZ_I(}LNw`f
z9}+$+FjTF}+1c)DhEtow2+$wqqJgjBgQ0K^ZV@Y77(E^<!M*k7!`zhMT355HeY(!O
ztAf4*Oe0*b7Q@Ar9gdB4t96@DW9OehNj_PEo9bukc@2cD5kCkh%rCamBV2C)tjOur
zBiu|d5MB+FC!ueh-NMDdz<@MSW6UsSc^w9>{8EjQ`y;Zp_bE{mo00GLq*1)lU<DYg
zIN13kZV)d2LKI={M?wgkvWxpe6&ZJQJ34C{JVM^LS&W6Huj3wc-x4MQu4{1Tbz%i>
zNA{Hq7(WwviPxb$;{4PVOk(hKr>k@7^xB5H+NQd7sjz>J5I1ck12a76ikQostzDhE
z`gT`Wt7o*zY*a(dolH2{1onw2_J7)pB2L=M#IjU`{qG5p@<-2cyZv@}{*US;*ei4U
z;Qjj~0Xn**Rv5aZ7P$3jEa{L|Csuf0XKcWxk>{{0f!4zH;t^tk3mnGM*^3wq85z8O
z&k}q&w~(0#eaASHmyV%9Oz^&9Cml35Ae(rm5#X){F$O}T@bvXigZK|#oFs=h*ZbP&
z@H1mR&b>B@8D$T7zLMeKic5_1&_T3l2yGI>;7|}6cI69b2q!Ek{40Huj|m@6Xu!ck
zeNjTE%kan{vq}6Eu3y18y2H)YLd_{IYt-;c&@&@x`4l(N%kZ#KkU%n&9~ZSyvs|Ns
zt#wSWTyUCOPf%$4&v3)mUjN{$oZi7#-YG4FgU2|Y_W~|E#YXQCJ6_~m2?~#n7JGf2
zVmQ+qTpQ}zeXNJP#6|h|@d+j-fSkVGQQy^GHx@R^C~*|&QP}VjH_c1?^h;c&FK{a^
za=ledyftSTZDP!y&)IP7Z{`fyiGig<sQIJ^SRNA3a$@)}NAbyaPrEo7+T(Gr_+h&k
ztnz`ue%5cVm+z9IVADr}8qQy0G*E2CMd9pO)Yz(5{DM8)E!IaUqUxw?uB+`-JTiT)
zs|UyiW-?Uvi1Xl1J8rvoa;ydl`<P%j*&|LIA+Lgar3iX1eteW+(JKbPD+VbkBfCSd
zTWhavqU4?Hbjr699Ox_T3KGI2{3Gi!92kG6yPVCvaA7h|FnuwnV(D?8;;H?35O#`*
zg3z;^1heKbT5ki|5uE-Jp707EV<kAzCdESW1U@=&1yl8FqJzZ4=n#(v2|Vv12k#vc
zVl&gcwlqo<V?Y&ah2%6Aos>txDBe4q-ubIcq(S#zB8ZzF4SX*MmuBb{qxEAc=cXK;
z{*1$eiVY7Bg?KLrHCrSVRGh(mY|?Tj5>91ndDwi03x-1)A$+VW6lK++V&)XNz`Ki>
zxO{I+|JJkVPsIq{dXGl9F|MY<`9%yrLIYG{Cg1w;-y3UZz#Vq=iiu;}_o-g7oaBJ<
zGu-r_3KFzXoGJ!Gbtk7H1~^^IL<i%3QCZ)-u`6Sv7(X_tUE8Gu`1+?@JXEZvj+QEh
z!1*d>O6@AAve=oMJL}q=_RcyTMz;>!k?36ObyTl9kEM;_-lI&gu44?9qnGM7LH|d1
zVR+yXRT$t_Rg1Y#l>nE1qgH`o7AJtg&Tz&*lUO?4_S88$DbYJ|n_RtB6g*+{W(45o
z;;q?<d!C&;anC?ad7R&C{WDSeX8oDgjZ^h;2ZtA{Vv`iPE>uF+7}A5)=eY9W1GhSw
zn|&e#jEgZahi>gCYsntghGUGHuHxtN-c91Co-MNHj9K+M7b#DBi!=I82Vj4PyX@Uz
z4zx?Lvg_yEi@w8=eE44RV&Faq+V<m7=*RboYvGOktVYH+iIGnZaUTrZ%KLYQFMiDV
zFH-;YV{WA{`i?koX`!$U=hZS5H$&g~H8(VF_`MQ6{bk{m_18=?-SDg6RJck-&x+BY
zn=ggJz?0akVj0Gbp#$1+F!(z(oqZedh_LghRwb)H;XY@*GpoF))<MF*bC%H2^uhQE
z?iGLdpm=8Fl~%>4+z<R0jr;EsQ-AyearZdi9QGa;Ul@M$Z#^Nd@k{jU7=FJOQQmw;
zOeAp60j7@buLU?+%kpV!yYTqvT)EEPX-{A0=xA|tblkCOLZ{2#(Yb1Zvia8OTwR^b
z4riULi|70OyGMH>A0;18;7k3G{jcC2t~!b5<!8={cN6*P@%&ukzZ*Dp43EIRtA9B;
znP1`8Z2u%ack}_r?!ra<qLT}eAOFAN%foc41lTJ@cp0$Oj-i6Cs`B95;$?Q!+F4je
z?+e~ib8z+|6GFEFg8cd~#iXFXUQZ!)>3wmJSA2M_7z;aVFdB@=1IQ$wFCq%;#v2FM
zN4Sqo9}-<k`&jo3cqy$lWZ}iG5pODtSvk=7kvIvy91;&G7Yxy(FBp`VsnbD~iI0O<
zE{J<1ysRAAeT|o4ywr_{@z>PxBN>KDGh>3qCO%SL_OZBPGQEcgftS>pTBwZSmA5#!
zR?mmQSGBxWZWT5C#E%mPiCWDOIN8WAhl+K)7E+t|e0i3ndCZIRv4bBETk84w9%A%U
z9thFA?P-?r`#V#8CWk4YCSLyFANef7XRd#{iJ*4^o`5-^v2ry)eoqo${r9CXFw`<y
z8TUKn2E+fp6eFL&Q`k3VXy$1HYWGDtnwy!=%ID&Rns}eYaZCO!GBo?9`TE_?$lT7z
z{1q}Xmq#aBeHoL#Vg}|vL}<K68@A^n;XxOxIy`Evq4^j&Bu@1=n1E@H^o4_wsh8J6
z12Uk&=kGJ=GE*aexKS13OY(k;)C;Cvf`V1|o;{|L&mL2UgaktQw@$!(rGfdcsgvch
zA$7OPzu)rbVr0z49Pw=k<r|VOV2F`c%I7{;FIM|B{dbgsIp&}Ah@-&YO70~tQXFEu
zYW@4my~vn*3HMDO{wLEeQ#A4_v-qOtKtsdd|I*}(G$OwMq!CYW{~K~IsgSWs(7~Uc
z5)*IdUjF~)Ugm?)C{7J5{>mZxFPVUmF@KUtMh$p7<#Idaf=SBJ_l(~v<uU_i_lo*a
zhIKpTay#X6JLQ5EBezp7w^J^GlndSC_U{(MX`ZD%C=fG!_m1$_&am7!AnyIIXIM7x
z78m<3I{sT378A+D)QRpdl~#F@@gMMSNT`G{^1vJ7Grn7B`F2`mc-`h-JFOyPTIEHh
z<~amzokF3_?_u@0CJnZRXu@Eyp6BF@CVnHiH#kCr|Fv>(g!FPm2$rmjSsfZ5bL*ne
zp~qNWK0j6ZC)-Vn1GnF-2rvq;0(WqiB*MPmXu=_VsuY4Hdn74DH%&LyXfRC5OzCK`
zH#b8_oi-9aoFPTU>98nODFe7kd7!RZ<YA&qdRWxyCVPthFn^wir72BLDHyI*i<9I_
zF6lV=mW6ywMm`+ulyvZao|U5gWqaPE<I~Sd<LS{c2Y%TuRY!a442qSKg3%>>_PaE(
z;M}GO<!~lgN_S-k&fHhS7Y0WL@H3)<88=o1A8-RwT;w-Y>_u(DGT!!eb?xa&>F#u$
zL9tc{+saIi@wYYCt?%?TP0&w(RcpoRpd%75Z|so%llZIndc1{IpLR)=o>v(Q_$0;)
z#v;6UsO^zbLHC}9gT4kVQasQjb$Oey=*|XfdL@<j8!PWh;b7n!Yv#O1z>GJg6!_`0
zeoU;rQz$KlL+7O+U%?s{!o|zK*(jYMUV;kXrOgs}0W#LOC6WnB9Ydft&0EMeSx*a^
zz4ash;=ZH+p06rxBx0b%@58N9ws&Bx3(JR{izE#Mr(&{xWuG+XFF0yEOzoGZePiL7
zD0!X3J4dWOGs1~}zff;gf)+BWFP5U!D5@H}$i{a#iiGcMlMG^tgI18HV+4VD=cHtK
zdz<t*7_Ra0nYS)BQ+xn*a<dvU``y}b_+Sw0rb1+bf5X&|HFU3T)&!3(FKhj|R)PmN
zN%0`|X;R?rKFuUpa)61A3TS-z@lGi)i@n+5WU{A}?8x1kad4?m!%s?Yx36<_bs)1k
zPYsgKibl|+B~x)XEtT>TeXn0Le%y_OZc(~({v6ixg|5awy*b{80i1>oNW5F~2dG@3
zQHOanJ&X^fNNoH!6p4XCv~q?v0zT`Oro<`{^`?{3eN!FSNOBsOxJ?rcAw5`ze`Yh*
zbJ4=Nv8@QJz7pV>?HHJUz7EUcUdWI%j6taai-d58CNWS2Ho>54uU~7Qn$p^i{@UKF
z*I@+>%JI)G2{U;J%G=OTe$gW(!u9PEx9)$gAZ*jvmPTtg+g?`3K;{X;?J3g6Fg-fh
zKLh_};N?%GNZ3-P5fX3EA+7lI7g){9!lKD-o27)1QN~AYCJs)nV1($KSTg+N5ox?)
zY&!gR%VB6`JVm1aT&?z6M`tho83?qsYU5!`u_VMUyj69VRZG`0-w^(iE=hMwkD;=m
fMVs=I_et|}j2TLy&^PRM6*he}M4uj)R;K?y-k9Qb

delta 14096
zcmeG?X?PS>w%@HvEnS_;PDmh2vnG(vzH}!MNTt*1bV3Lr1O%cGLI@#Cr;|Vkivbk@
z7epI#W<)SJ&p}iKWaJ9UrsMcrMsXY+(HRN8@%d(4Ku2bDP<W@Rmn0-O>eKf<zsHYM
z`kw8cd+xdCo;s(Vy4U=hH%<He%%t4Ko3rpa**prL)n*eu?=`2B@&m7$-}dt>S4yVA
zr)$aZ1J6x5&mi>ayjd*%3o97LK-o2fgN!B;?V4KnYiO|%j;~e}#aMnI%J!j3tSf$8
zkN=KT>SOTVi)~M+tm`_ymhs=(^~nV1+JDPp97Jvy=a2vLT-!uV>VY%cvi%Sn)$<O5
zzwEi2C$+9Sc6~_dT%8Xc!)NyH2T0w4KkiN-_)mPKHGnj@Rvn7O=RJqw@p<&n2z;J8
z6d%=)uM`y<oAMQ#-Kc42S5+)k9}TYP!xKCN4vnBj1@|Xdcz6QJx&1IoJFx5US9Pu}
z#T>l1h=jRbwU4B4jV1xOB-md|A`Xrxf50`ssWg(|`g%b)*f)~lt_$;Hplc)HUDK*1
zSej1aU2CfY;em7#=X!N1?|QmA7<$vmFy#A3I!Sct9K&c%25D#gEX_s5@D~%ApxQ%%
zXfw$TbR?83#`^pYYhyyW)mRQYlS!!SNT*0|G?P2fm=K&pMv`)xltZ#vH{ZA^B#hoN
ziQJ3ZK}YA2$H~-&WMnqycUsdE%1e#2)fHQn=`)NC`75nX71w~c6$#~bH?Geb<;uco
z$hgwlk&H-H!U`CbPeP?Mb)1Fc<uEy)jKP^|@`<P_)MO$1+=|2(kZ1(h3djz`e^5X!
zF#67{8HL7W`DxZv6MSqVRyXCOA~FIg=M)ix-f5np7@heU)?^dhTtxEq2`Zos0V~b$
z8Um!wY!9FrqV2>YH6?h)COBC{M#B_4350ES5+Y@JG0TD4$wbMajyq7)QuxqLqNI+5
z8LC~>ad0uI*OZ~_i^)8{oMmQIv?D*uy3$cmh`wa9b~q}msCt%li5a;xZz@q%lolHs
zEGBD)imbC_q1JRn8M#|<FYLuJ#2<b=ix`L<-k(JhB9~aF6&h>mtd&+{t-1|mN<pD9
zAz!h>^x0&zTwIJZsBnB%K-X-N0ng4R3*5qzt|jSwxl&qaob6H`4~2IZkU+jtrJfDV
zYe@vWdOf<$^VgD=u?q{)X;e&BzEYoW_iAfFQWaWmS#B+cC+CpY$Q;+vq6qlKToOYX
zAh!y)vH|{cF1f}%W#T+CmP^T3D(!G)5s7te|5X@t;h~4k^N^to_RJ#_LL3E(1$|Q$
zY*p;V#uN*@Qbi{4mQ+izaSlXOk<nh+O)$TTT&Kwv?21(}rfIZ^Az2nxMzyA#vZ&aY
zmJb2fkv(oLesdiOBTjhdIx<NMIeHIW$uvCAqby-C>3R|tW6oDf?H=>l6<lhEW&yi0
zy%@~^j_XOpxTd<9Xzl`~04-C{P?(%tp%@(&#nxYa2RwQ`$>~Z^arIV}GyzF7)nS`P
zs%?F_Wo2P8D(qeP9K}|MUaF2g8;fHML^!TcS5={Eq-~Z}{Z*#ItSS%gG}3s+2-JR+
zDY+URoukvD*zNuB+U(jxGj@kfvD%GuRB<H=YLro=l)9AJVWPV1v?67;t9nz|5_Mag
zg({^M?yM?hTcK(%%^ylsl{6U`7H|V?%51MCHErFNv?_Cpjh!~74jn2@v#o|i_t133
zDVo5kkg&Tc2eC_t<XZ3q2bU(Hx9puyB;tU>^GOmZfxpZrtF(;`wyOq6(6-*~K2U8W
zp)pQ0iGsF8vE?d-+c`WAW^s|Fp>RrdswTK&A&I=kX;Dh-UfWK^6J${;JPR#pu~w)K
z>9j5_@))tCv9P{jCK}4pP`Gj_{KrD_wyF#V&(@GhdS@G=IxKC4E83`j5vgZ|a!V`9
zOo5$sWE9<AM~HR_N_2NUVOV`u_DsAzvI^6)XTrfoV%E1MxB)E*GwGL&WM*JZT~=i=
zp2m7xW@e=t%hg*+vvt{0TUI9Gs_ShlR8+N!(N<Zi?pH(pQkzqSHz03gW~JThSct1f
zT!UL&y)8Kd_N^w@FqQ&(aW(k^iEB$nu2S`QUH)*|vQ=D3tIe5Q318hnBBPTNP_pJv
z<*l}qWYnizwZ7G9TaF}YU1SmlZ)X>IuJ3vYrZa9L<B4WAS7vb_+;KB`Mc?V1Wi>Wg
zI&4dwuy{Sm32bYhr5Nk-J8doPh$(a3l^P1qtS6BgA3d|4#1Y2X0n!Fy(l>U@^4!(s
zP`ZKG*mA|`>bib81Z*T@@oLD}NQ~Z_HON0<IZ8HLQt~sG&vNar3xmBIiHO%M7mmJw
zUgNZ+=BKDMj)Ii@R;1}^9;sfw@Ky#125ysj`_iaQWVIkU8)xIWOt3XK(g(JXV$RZ*
ziU5qrXoHM=rBMCdRJ1g8wkPCk#&HKx_la*VYEn5mHI5FA7LvP3^q98%<|0Sx>_QAM
zngGR!C&g-YpEwoSmI{t;GD_d#=2r#5HssW2rr>Ov`?tZf-K5jfk&ZK9oI;)IEvinc
z$maAb=#+-Cohk=LMC8aqoto48bZSdSojTnDw3YVPsUsbZ0qWH5=2r#5hk!a|r}=cE
zp+6%EN1L~kr*nDp!tAu{TAFf-{9T5sY(@{`a>Ze^@B<PyMHsWFwl=la1TEv41HM6a
z9CNL2uq%$~@C{PW^2_=UA|Y@B!_hy*Gy7RCeR0O(OxW@_{ziUL>Z0^TW;l_=M8Vob
zCJ+`l1r9zs&xdiDwWiu^sQ#Q^;r>a_Br=cdy+Y~kZ01d!cLd6L5(O>08UOCrIT_A2
z2#aY-0plcaD`92WunQj_ua^AbQX#{`Z>`LzArT`AnQ=oR8VZ^5Ln4k8qT&PRpg6}^
zet>4QvXrUhydZjf2GheZrc9`=WFp{FFz-*dRx(fcL;NGCV&Mg0IQ+4g5$U8j!Oqf`
zYndI<?)~WABn^j4XY>;x&&K$}$wj!Br1M1PJ)5Ik5TYo5Gjo38J#z$q5cV<wo?V4<
zos<AQw+W;CvP`vRDE~JpoF8LKF`3P<&nYbAOg^yS24}&#nansjH8aa-NX<&ahbbL4
zOH#Wgg;P1RAox)xoX@H@rI{AP+3DPUgUO>nw^;~;b8SLC>ZFJ8N10%+rzJejd>O8;
zY@n*2zQKe+%k6>$lRoG55KzWRkoN>*xSSt+gx$9b#s2BpsAGnzZKfGo-epFpGVUJ4
zwEt};T*U-|T#l~N`!*wjVKYva_Y%`Gv=9k;Ut+S=ZH|SO-!ZXt?PlS=Nbh!nX7y<g
z39)_dc;;8aFzPtVM2z>^|Kc!qBJKTyu#LDEyy2AavKObE7FNT#H-!KQiex!B7QxD1
z)F)wVv<l^E%saxweqMD!h=u9z2?CuL%i374F7(Ww1)2Cp?~GwT*N$>D^onc*P5fL4
zWCpB}#%8cD3tUa=qO=qUPG%$cT61l7Z4HpUOqlm{mR}SyxQvvHluTNE4ZBD3%7-)8
zvcn-cKn#O@#jG9-Ytf*|!J-6H{6zs$Zk9rzE0Yzwi`Wnvq!S+u@iV7ar$g$~%m_~q
zKnW3WZlu`a#+*3BjO1$7lMlVuvXLsr0LSOBCO%!|T<mr@&+na)VkiWT5IN|I76tmk
zJoazC@BpMr2!qp2d<=Y{YBl2=7Y^_A_)G9ykAE^<u!NngZA3Km#EaI0OWCP?n|Gpy
ziH37q*<$)a8@twLO}NX%hC<LsLI7R6j2#;cw>sJQT_<m0S%{g)=$W)keDe^E(0e-@
zNApTV2LpHhkw|Qk8xanlOcf(2Vr!ZH4B>ERnHZ^Y!O1c)O8tdtR*@*tH}7Oy*?~f6
zvx|Ku-0K}5*NYY|D<iAML~nSQ{Z+7UW5^sn42~aTF+8jiqlN%K_B3lB0vvaQ9XkYg
z)e*LGFu40D8$TqJhwG0H#Q=NPh!Y2Ms9*ttZV+b-!Wjoa^ziWw;wDbJs~~l>J`|>R
zi8}hyarR_hf2d&^&(lN1Z#x+T#rN}<2S87j@_rktI6qp&arzPND9p`~bMegSo)LX2
z^p2Kobkd)7U+L*v8C;moeUJ;zN<r|+X-1%dlesgjXKU!5uXG1B57UDdwPV{Q4%S@c
zBI!pK?tPti2XjT~0r!O6<w6LYJE+IFlq(w`M<=Zj#?++LWGzaA{Z2uFyh7FhNs=_u
z2X+VOY?INDmXfMIvef{+R~WM}d*R}m8c#&N9Pf$9$IH3vbe>y1*8obcJR0)mvLei%
z!Bx0b%4%SS!O0Cm6a=mlc}Us9>Zn}7eW9%!*VQeDz@AUJ07$ux+W_SeQkl<IT1?z~
zJr_;9200%o<@w?iltfEYy~K1+v=rboGktBG^dg}vnz$WaUWjsVzxB#F>)>V*!JVt*
z!o@dqkuX0&y4@#?7^N^DV{99j=4G7S#(l>4$mTES0(?iCcBM)u`fzhsa+7=`sP4iG
zV@tK{2YIVF9;SbYcg0$h6bpY}&DHtjIZV>JKAx0XIh<lRT*YV?H~r;}++5%NuU#1M
zjv^)cxMT9AEd%heG-oq+U!0c!$X}Ug(cn$O3<tSt*zAy+piC#o@Q-#e9C`zJ4yON}
z6XEMZywV<}81R;j!yx!lixdv$3z;|&ol+nie~OXZ8B6+;9G16!&Xq%+ikNhp9HZqG
z-G{j2zKPY1)UpxS(JHm~bC`E;mvg#Hm=HMoIu{8S4)gl%K)h7nI!^*1xdhcXvR@Wp
zo_e`^4?q$`{f=7(JN}8-ZO1UbEIm&|ID1$YVd`et2uItcCc106wApiT4mPk+P_;t3
z5AMHPZUslDBtVQyE`p%fI00Vmlv?`KRP#T>Gh8|xT`d`4+E)24zmz0QvDP`zhcET$
z1?a70K7a+QB{OVaEk&tx8Su(IawJJoMTLWLjnoX)-Llm^(YZBJ8HgZH1GG~uoV=*x
zpb6x@7>kyPg-iFzBVhOQT%4N5iLjssmp1iz&IGUAf^(>dK;Ic#Q`KxRB*CX$(uYuX
z2?=wb#67|dD23iE&JRjo;F5d`y6Xi_aSK8EQS|6KX(J&fNSTS3t%0zDIv;N4Hn{@s
zTrKgqh{-Q=OJUE;oFk;Zsk*MVW=U;LL(US%^4eCMG<iL)P*pax51F{QzHV7-trx3m
zJR}w;35TDrm%>1Pg`2K9w0ldtUg4sLnr#0q5~j6RnoPr9aWb4D0%A8vqvX0)$FdeQ
z*~H|k<|H8Z%i{$Dnou2Fe3dgp?*?4bSwS2QhK<q)aIE9F5r}N7ZLF<n*O(LAYFnyX
ztJ`ZA8CC&SvBKbv4N|}e+=QWtlH4+rH%g=C_M^yYcC^P2U_qO<*Vj}xP8f{xO*z3Z
zdEh+t?X^vY1hlrMxZuagaB>x+n>kSD!4kjEWH9}_5b57<4T*5#F+LPxve*zf{xQB{
zot}#6X3HTVysID84>Nh9x>8M4PGfajdt%L!`o={Q1{!1Gvi5dIvtd<LGraT|uY(;~
zm|GotQkYoKPn|^X(g*AH&1Qz6B5pWDKPd>XV-y=)^h3z(+qzvJ;M-&ngI6UOB^mB~
zh!^vQbdT?#_P5$F0k*f{{`Ed7=xTn5CH;#%^0>?mc=fm3$^^slCow}&T?Y1@<m!U@
zYoKl?oLDZ6gng;(aE$jBSkNGhhNna}00Jx+g0*@AA`;X);FrEIr(Q3tdZb^wTZ#_5
zT%_tD5PYAScAw%hi5Yh8lEc)<7X<zf$s<Ar)5B}0I8%2BFQ}o|5BMq}2Fk2Vgf_<s
zmsA|upQok1v9Zm2A}4Q^!p9AP?GJLhEv!4Gi=aQ-D*cs_ywM#U8H<Ra^f8c9y-6T!
zxfes!g?pv9Jvr#kkECJr>^A9nKX3l0RItM!<u4qj{b6D-z1Sl?+?SO!e#o^B$O@t$
z=u<A%%e#4(G|yvK%)}^WVluhx<!-lh6GQFixr?3~b;Ei#2#zcGLTz|h@`ILtaFYjc
z!0|oOsR0mr{}<dN+Dp18kxd?pHHzMgI)Qct@^^-KmAP#+p8!)v^LO=2x9NY4<`?*k
zF>O4*)0>N(AJ5-L=&^X-=}XnlP2|Jr)QNnN4|1|silBkL(k4Q46Zxsy68z!KV{EwB
zedw_yey-P+G&Y^j>@(N?B)o+3+POe#{78DPFE!i0kQoC#BEGKf`$7t$59ji|zO<C~
zOySG@ywbs0z~fz1z~7)+ITrT4t&4Cc#s?Q--h&SQ9K_j><XtO2-ItUbY<w(S{8DoG
zASZ4V;`Aw)pQond1K+cc7V+a?ij99z@?`3{hBdIm&PT&!8+z{37o;t6TIyvS^VOtn
zl&XXTm-Irgx8`%=J;p@yzLr|X%V}v?rb$c7#7BB6+|`1LOm5-r1K||mN60{!MoT+d
z`A?b45TADNW8u^oeF%(9&<8_R3!g9q1?`%kf8#Ql6j|?#_ii{A6&rYX<2|g|CLbU=
zIC2`hX=hK9U>d)RzrefQ_@`cOEFy5UkQw<c>Vf{DLQJ2lp1D__OdS!zCuC4jFxHRm
zixDbBx8DsY4epNd1=Vj=6l@&}TXy1`Wy<~j28iV)sXK=aqSG3LH@U0T!mHIn6a7)D
zg=<+VF=9(!<?{bp&G2&xCd7;X?hE?9!XeF`Ahv3k&QGyOc$}rV*NTsNYwa+wRQNha
z#TN1JeU;q*j|IbAJ^kISVnk-Yj0L`H*$_*HegWc!LobQ+&`Y|&KzE$}hT`GYFg0rX
zgRg7|ST-C3PZ?zcT|1d;@uo{xE+7IH5J%FZ7j+#!=_=wyKk5jP4*7X5u^+9LsCX^<
z)2t$@O_e{<FLR_4cMAVKONnuMSXCimO|nATg9T(yzwpPXDw<y4LLkV5FJJ#lRmB<5
z^G~eH{$vV@%YEkmo)tuj6~ScRTOwSo6ke?qy33v3a@lt&OMa`u)747h!20huS0Ard
z3V)DF;SK%c<kceKm5PK%ACNlxN>*CC?mHI=lRR12_b3lO_?T4LSKY<0L4Jtx;Dhf-
z=5Jjd+^h9i2Nwo|8QA-QoD9jSyg$^W@;jjSed+h!g4ESw;s2;u2v{sU08@<m1bS|~
z{{72pfAIawhAQis4Ja7@{OJ^<yf&QXS>zroq}(R+u+@PT^^i^SQZU_u4K%g$&E{h5
zeaWqI51ifU&jS=QGM#*z{5Bcbod$YB4ubfdav&s?a9DxdFAsy>XR$}UZ4-W{gx_aO
z7sl4LR(B?*!v33BY%O~F(zntDTjU%@?Ln_p+t1Ur&NEix@#}{zfI=KArFfdQRh~xF
z&hkj;xksL$c9u7*-Q-fhMskr@)$D0qVn_J_*b8!-+T7J>b+qJX@*(0I>uK`6^6i9T
z+cla%(hk|(ONE&2a-_Q>eBE|AUG2r<*O(Sm;@$0X$(86v!moG869@NF<N3Z;YHFW$
z1AD3lw5*$~e-FfW`Sok6N`l&$RlD1ogwyxSQSka_a&VrOm<;ZNed|m`lgEwkyHewB
z#E%2lE@J#x)C|sa_(ul!S59ltz^Jd76fmsDw}RecY<T3I6a2^;7`4+sGGsub&PN>v
zc?$NmPENsg(R4-dgEu~t1Cs`3RfAXIvxL^`buaxU1wROgIgj5b^nC88gWg$k5ccLZ
ztL!rS1wmC8`rgJ^HV`H+Mc=#f0tz%mzCrD~jtIrt(llk^;7M+7#8CS+s5hsFBRz5o
ze0CTc;=w!R^Ili@*DW{!9{P<e!!LKr!7#xt>zNd-C5Pt-WXUT=|ByWL3Z1zqH^2Qw
u^yDo!>BHd{NQ>sd#++rK2VpZV5GFn%`wt~aYridgL@v#sADx!V68{^VHQ`18

diff --git a/dist/js/tabler.min.js b/dist/js/tabler.min.js
index f5bb6bfe3..e11ac3f1c 100644
--- a/dist/js/tabler.min.js
+++ b/dist/js/tabler.min.js
@@ -2,5 +2,5 @@
   * Tabler vv1.0.0-alpha (https://tabler.io)
   * Copyright 2018-2020 codecalm
   * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
-  */'use strict';var __assign=window&&window.__assign||function(){return(__assign=Object.assign||function(b){for(var c,d=1,e=arguments.length;d<e;d++)for(var f in c=arguments[d])Object.prototype.hasOwnProperty.call(c,f)&&(b[f]=c[f]);return b}).apply(this,arguments)},CountUp=function(){var b=Math.abs;function a(c,d,e){var f=Math.pow,g=this;this.target=c,this.endVal=d,this.options=e,this.version="2.0.4",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:""},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.count=function(a){g.startTime||(g.startTime=a);var b=a-g.startTime;g.remaining=g.duration-b,g.frameVal=g.useEasing?g.countDown?g.startVal-g.easingFn(b,0,g.startVal-g.endVal,g.duration):g.easingFn(b,g.startVal,g.endVal-g.startVal,g.duration):g.countDown?g.startVal-(g.startVal-g.endVal)*(b/g.duration):g.startVal+(g.endVal-g.startVal)*(b/g.duration),g.frameVal=g.countDown?g.frameVal<g.endVal?g.endVal:g.frameVal:g.frameVal>g.endVal?g.endVal:g.frameVal,g.frameVal=Math.round(g.frameVal*g.decimalMult)/g.decimalMult,g.printValue(g.frameVal),b<g.duration?g.rAF=requestAnimationFrame(g.count):null===g.finalEndVal?g.callback&&g.callback():g.update(g.finalEndVal)},this.formatNumber=function(c){var d,f,j,k,m,p=0>c?"-":"";if(d=b(c).toFixed(g.options.decimalPlaces),j=(f=(d+="").split("."))[0],k=1<f.length?g.options.decimal+f[1]:"",g.options.useGrouping){m="";for(var o=0,q=j.length;o<q;++o)0!=o&&0==o%3&&(m=g.options.separator+m),m=j[q-o-1]+m;j=m}return g.options.numerals&&g.options.numerals.length&&(j=j.replace(/[0-9]/g,function(a){return g.options.numerals[+a]}),k=k.replace(/[0-9]/g,function(a){return g.options.numerals[+a]})),p+g.options.prefix+j+k+g.options.suffix},this.easeOutExpo=function(b,c,d,a){return 1024*(d*(1-f(2,-10*b/a)))/1023+c},this.options=__assign({},this.defaults,e),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(d),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.decimalMult=f(10,this.options.decimalPlaces),this.resetDuration(),this.options.separator=this.options.separator+"",this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof c?document.getElementById(c):c,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined"}return a.prototype.determineDirectionAndSmartEasing=function(){var c=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>c;var d=c-this.startVal;if(b(d)>this.options.smartEasingThreshold){this.finalEndVal=c;var e=this.countDown?1:-1;this.endVal=c+e*this.options.smartEasingAmount,this.duration/=2}else this.endVal=c,this.finalEndVal=null;this.useEasing=!this.finalEndVal&&this.options.useEasing},a.prototype.start=function(a){this.error||(this.callback=a,0<this.duration?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},a.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},a.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},a.prototype.update=function(a){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(a),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},a.prototype.printValue=function(a){var b=this.formattingFn(a);"INPUT"===this.el.tagName?this.el.value=b:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=b:this.el.innerHTML=b},a.prototype.ensureNumber=function(a){return"number"==typeof a&&!isNaN(a)},a.prototype.validateValue=function(a){var b=+a;return this.ensureNumber(b)?b:(this.error="[CountUp] invalid start or end value: "+a,null)},a.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*+this.options.duration,this.remaining=this.duration},a}(),tabler={toggleFullscreen:function(a){a=a||document.documentElement,document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen():a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}};$(document).ready(function(){var a=$("body");a.on("click","[data-toggle=\"menubar\"]",function(b){return a.toggleClass("aside-visible"),b.preventDefault(),!1});for(var b,c=document.querySelectorAll("[data-countup]"),d=0;d<c.length;d++){b=void 0,c[d].getAttribute("data-countup")&&(b=JSON.parse(c[d].getAttribute("data-countup")));var e=new CountUp(c[d],parseFloat(c[d].innerText),b);e.start()}}),window.tabler=tabler;
+  */'use strict';var __assign=window&&window.__assign||function(){return(__assign=Object.assign||function(b){for(var c,d=1,e=arguments.length;d<e;d++)for(var f in c=arguments[d])Object.prototype.hasOwnProperty.call(c,f)&&(b[f]=c[f]);return b}).apply(this,arguments)},CountUp=function(){var b=Math.abs;function a(c,d,e){var f=Math.pow,g=this;this.target=c,this.endVal=d,this.options=e,this.version="2.0.4",this.defaults={startVal:0,decimalPlaces:0,duration:2,useEasing:!0,useGrouping:!0,smartEasingThreshold:999,smartEasingAmount:333,separator:",",decimal:".",prefix:"",suffix:""},this.finalEndVal=null,this.useEasing=!0,this.countDown=!1,this.error="",this.startVal=0,this.paused=!0,this.count=function(a){g.startTime||(g.startTime=a);var b=a-g.startTime;g.remaining=g.duration-b,g.frameVal=g.useEasing?g.countDown?g.startVal-g.easingFn(b,0,g.startVal-g.endVal,g.duration):g.easingFn(b,g.startVal,g.endVal-g.startVal,g.duration):g.countDown?g.startVal-(g.startVal-g.endVal)*(b/g.duration):g.startVal+(g.endVal-g.startVal)*(b/g.duration),g.frameVal=g.countDown?g.frameVal<g.endVal?g.endVal:g.frameVal:g.frameVal>g.endVal?g.endVal:g.frameVal,g.frameVal=Math.round(g.frameVal*g.decimalMult)/g.decimalMult,g.printValue(g.frameVal),b<g.duration?g.rAF=requestAnimationFrame(g.count):null===g.finalEndVal?g.callback&&g.callback():g.update(g.finalEndVal)},this.formatNumber=function(c){var d,f,j,k,m,p=0>c?"-":"";if(d=b(c).toFixed(g.options.decimalPlaces),j=(f=(d+="").split("."))[0],k=1<f.length?g.options.decimal+f[1]:"",g.options.useGrouping){m="";for(var o=0,q=j.length;o<q;++o)0!=o&&0==o%3&&(m=g.options.separator+m),m=j[q-o-1]+m;j=m}return g.options.numerals&&g.options.numerals.length&&(j=j.replace(/[0-9]/g,function(a){return g.options.numerals[+a]}),k=k.replace(/[0-9]/g,function(a){return g.options.numerals[+a]})),p+g.options.prefix+j+k+g.options.suffix},this.easeOutExpo=function(b,c,d,a){return 1024*(d*(1-f(2,-10*b/a)))/1023+c},this.options=__assign({},this.defaults,e),this.formattingFn=this.options.formattingFn?this.options.formattingFn:this.formatNumber,this.easingFn=this.options.easingFn?this.options.easingFn:this.easeOutExpo,this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.endVal=this.validateValue(d),this.options.decimalPlaces=Math.max(this.options.decimalPlaces),this.decimalMult=f(10,this.options.decimalPlaces),this.resetDuration(),this.options.separator=this.options.separator+"",this.useEasing=this.options.useEasing,""===this.options.separator&&(this.options.useGrouping=!1),this.el="string"==typeof c?document.getElementById(c):c,this.el?this.printValue(this.startVal):this.error="[CountUp] target is null or undefined"}return a.prototype.determineDirectionAndSmartEasing=function(){var c=this.finalEndVal?this.finalEndVal:this.endVal;this.countDown=this.startVal>c;var d=c-this.startVal;if(b(d)>this.options.smartEasingThreshold){this.finalEndVal=c;var e=this.countDown?1:-1;this.endVal=c+e*this.options.smartEasingAmount,this.duration/=2}else this.endVal=c,this.finalEndVal=null;this.useEasing=!this.finalEndVal&&this.options.useEasing},a.prototype.start=function(a){this.error||(this.callback=a,0<this.duration?(this.determineDirectionAndSmartEasing(),this.paused=!1,this.rAF=requestAnimationFrame(this.count)):this.printValue(this.endVal))},a.prototype.pauseResume=function(){this.paused?(this.startTime=null,this.duration=this.remaining,this.startVal=this.frameVal,this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count)):cancelAnimationFrame(this.rAF),this.paused=!this.paused},a.prototype.reset=function(){cancelAnimationFrame(this.rAF),this.paused=!0,this.resetDuration(),this.startVal=this.validateValue(this.options.startVal),this.frameVal=this.startVal,this.printValue(this.startVal)},a.prototype.update=function(a){cancelAnimationFrame(this.rAF),this.startTime=null,this.endVal=this.validateValue(a),this.endVal!==this.frameVal&&(this.startVal=this.frameVal,this.finalEndVal||this.resetDuration(),this.determineDirectionAndSmartEasing(),this.rAF=requestAnimationFrame(this.count))},a.prototype.printValue=function(a){var b=this.formattingFn(a);"INPUT"===this.el.tagName?this.el.value=b:"text"===this.el.tagName||"tspan"===this.el.tagName?this.el.textContent=b:this.el.innerHTML=b},a.prototype.ensureNumber=function(a){return"number"==typeof a&&!isNaN(a)},a.prototype.validateValue=function(a){var b=+a;return this.ensureNumber(b)?b:(this.error="[CountUp] invalid start or end value: "+a,null)},a.prototype.resetDuration=function(){this.startTime=null,this.duration=1e3*+this.options.duration,this.remaining=this.duration},a}(),tabler={toggleFullscreen:function(a){a=a||document.documentElement,document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement?document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen():a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen&&a.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}};$(document).ready(function(){var a=$("body");$("[data-toggle=\"toast\"]").toast(),a.on("click","[data-toggle=\"menubar\"]",function(b){return a.toggleClass("aside-visible"),b.preventDefault(),!1}),$("[data-toggle=\"tooltip\"]").tooltip();var b=[].slice.call(document.querySelectorAll("[data-toggle=\"popover\"]"));b.map(function(a){return new bootstrap.Popover(a,{autoHide:!0})});for(var c,d=document.querySelectorAll("[data-countup]"),e=0;e<d.length;e++){c=void 0,d[e].getAttribute("data-countup")&&(c=JSON.parse(d[e].getAttribute("data-countup")));var f=new CountUp(d[e],parseFloat(d[e].innerText),c);f.start()}}),window.tabler=tabler;
 //# sourceMappingURL=tabler.min.js.map
diff --git a/dist/js/tabler.min.js.map b/dist/js/tabler.min.js.map
index e781db7c6760b5a5f8cbdf031922a41c9dea3d1e..cb2926f20833660042dee551ed4bb06e65b82d7c 100644
GIT binary patch
delta 1283
zcmaJ<QBTuQ6b>e8;<J&(1gR6lhS$LWK_nQ@z1_OWa2o>=DG#NqbK14FyJc*KEIu0_
zOr!D5C*Mu*C-|#;@}5&95P~nKr?=nto$ouh@yC%*pGSUv8@;4y@p39Rt!bvGX%m^r
zou(zN`_gZ<TxZ2hOW*2BGrc>R%~6}lE+a7hI{G7ioMJnkDW|7QRcn6W?>iy3+SD{Y
z_N`D0lGBZ_-D){urQMa<ing<x>$+{*$=R0cW}3bobsSIT-bGH>Z#b@FOFsnHjs4Wv
z5XYJFyiBfR1({coXUn$lX_>Qtf}7ReBhQqfBcssMJg2Aa`M&JR&<b+LUeB@EKb9%2
zNcyFA^Sbj$lVRi}Vux9L9v*#3eZO*<))D8&Cnu!uyRsdmS^BIEjH?bQYwV5Rs436q
zKm}JFomf--u{qTpdvH{Xmm>VglbfhuV;2S8qYvZGokF<@OaO?a^f`cztxl)2++eE!
zbG*a~P?_iIOLdVK5U@&wf;xw1#rO{|T{YO2>PvB1+#32ivjK{MuIMEagcd$(3#ef)
z@*>fbGJAID0<W?vz#^|H@unh_p~DBfj$j~LZ&3scW~d_2U<uzFOGO2R4b>09?&_=#
zKqS!@tfgjb3@GIcXE-s>Nvo-bhyjo2Qz9%#*;ApFYQ$LsV6%+<b1Z5LRS<ImXO)Si
zOeshMKMH}?n?vloNk~a%dx#WEN}605pm&LTfK^{dJk(STxC&f{d;H)eZ~=-sVJVF9
z`hUSNrV1AS7Ps#{G*C6!K;A%K^{03uaBrALgkmASrjOlRA|zeYdcxWkY#ZRE9)mtn
zH7F`kY1<V-ZqXGc@)rvrtIzRg7$p0CQHX!(>EQv5RGU+_$kn!g%I+z>fY#UNof6wr
z_dqTxSTCHshPSbY5RcY2uj69jfsQxbr2n@1gmm8E?+NQ|U2P-~lm|ktU_Ajn&ej0d
R2$vVw*Jenr#q%P4_!szGfCT^m

delta 572
zcma)&&o2W(6vxvGR}s;;h*pzUGPDtd1Ie2=yVDXaEuoZzb}iM~cC)RLh(ACaWG>?3
z;7TItf5KnmX5JK$xVXIizBix!z8|-DA$1day$`F8@RNE7Pq9*vOpe78@!iTna4;Eo
zu3K{!OVNhc@Y;@FitfcHroNIy_kHBCPhF11)L>*}pxJW#i-J>g%7N!Yt=3IMobe&+
z$YKbvLIIIk09m2lM7rN%TUy&HVvT0&f|UX6Gr?9MEeHjdKIu8m*5Q<Qc*Yb#|8EN<
zy-q;}sNZ`UTgY4vu+dg8cB<sb9}15p%V}zvD##=NxuK7BVnh?^6|}T`J>j=EHjIOr
zCf{=_TC51LW2*%j3uV;49G*}AhbQKO(~6gz`oOkS&oX+Qv?<Z8b$>HlF=Z-dx8MC6
zyl0V;Y!hIU63kNkLw--1V+DXiLe9)eGa^sPtk4(4$|~vH5=HEwK04&j=`d~Hn`lQ<
X(;OVO3Sd~QBI&ggW9ITIMz1~r<F2E?

diff --git a/dist/libs/daterangepicker/daterangepicker.css b/dist/libs/daterangepicker/daterangepicker.css
new file mode 100644
index 000000000..a96380496
--- /dev/null
+++ b/dist/libs/daterangepicker/daterangepicker.css
@@ -0,0 +1,410 @@
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-family: arial;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:before, .daterangepicker:after {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.openscenter:after {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: initial;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: initial;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+  float: none;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.show-calendar .drp-buttons {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid black;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-right: 1px solid #ddd;
+}
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+    float: left;
+  }
+
+  .daterangepicker {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: left;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .ranges {
+    float: left;
+  }
+
+  .daterangepicker.rtl .ranges {
+    float: right;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
diff --git a/dist/libs/daterangepicker/daterangepicker.js b/dist/libs/daterangepicker/daterangepicker.js
new file mode 100644
index 000000000..6aac9665b
--- /dev/null
+++ b/dist/libs/daterangepicker/daterangepicker.js
@@ -0,0 +1,1565 @@
+/**
+* @version: 3.0.5
+* @author: Dan Grossman http://www.dangrossman.info/
+* @copyright: Copyright (c) 2012-2019 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.daterangepicker.com/
+*/
+// Following the UMD template https://github.com/umdjs/umd/blob/master/templates/returnExportsGlobal.js
+(function (root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Make globaly available as well
+        define(['moment', 'jquery'], function (moment, jquery) {
+            if (!jquery.fn) jquery.fn = {}; // webpack server rendering
+            if (typeof moment !== 'function' && moment.default) moment = moment.default
+            return factory(moment, jquery);
+        });
+    } else if (typeof module === 'object' && module.exports) {
+        // Node / Browserify
+        //isomorphic issue
+        var jQuery = (typeof window != 'undefined') ? window.jQuery : undefined;
+        if (!jQuery) {
+            jQuery = require('jquery');
+            if (!jQuery.fn) jQuery.fn = {};
+        }
+        var moment = (typeof window != 'undefined' && typeof window.moment != 'undefined') ? window.moment : require('moment');
+        module.exports = factory(moment, jQuery);
+    } else {
+        // Browser globals
+        root.daterangepicker = factory(root.moment, root.jQuery);
+    }
+}(this, function(moment, $) {
+    var DateRangePicker = function(element, options, cb) {
+
+        //default settings for options
+        this.parentEl = 'body';
+        this.element = $(element);
+        this.startDate = moment().startOf('day');
+        this.endDate = moment().endOf('day');
+        this.minDate = false;
+        this.maxDate = false;
+        this.maxSpan = false;
+        this.autoApply = false;
+        this.singleDatePicker = false;
+        this.showDropdowns = false;
+        this.minYear = moment().subtract(100, 'year').format('YYYY');
+        this.maxYear = moment().add(100, 'year').format('YYYY');
+        this.showWeekNumbers = false;
+        this.showISOWeekNumbers = false;
+        this.showCustomRangeLabel = true;
+        this.timePicker = false;
+        this.timePicker24Hour = false;
+        this.timePickerIncrement = 1;
+        this.timePickerSeconds = false;
+        this.linkedCalendars = true;
+        this.autoUpdateInput = true;
+        this.alwaysShowCalendars = false;
+        this.ranges = {};
+
+        this.opens = 'right';
+        if (this.element.hasClass('pull-right'))
+            this.opens = 'left';
+
+        this.drops = 'down';
+        if (this.element.hasClass('dropup'))
+            this.drops = 'up';
+
+        this.buttonClasses = 'btn btn-sm';
+        this.applyButtonClasses = 'btn-primary';
+        this.cancelButtonClasses = 'btn-default';
+
+        this.locale = {
+            direction: 'ltr',
+            format: moment.localeData().longDateFormat('L'),
+            separator: ' - ',
+            applyLabel: 'Apply',
+            cancelLabel: 'Cancel',
+            weekLabel: 'W',
+            customRangeLabel: 'Custom Range',
+            daysOfWeek: moment.weekdaysMin(),
+            monthNames: moment.monthsShort(),
+            firstDay: moment.localeData().firstDayOfWeek()
+        };
+
+        this.callback = function() { };
+
+        //some state information
+        this.isShowing = false;
+        this.leftCalendar = {};
+        this.rightCalendar = {};
+
+        //custom options from user
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        //allow setting options with data attributes
+        //data-api options will be overwritten with custom javascript options
+        options = $.extend(this.element.data(), options);
+
+        //html template for the picker UI
+        if (typeof options.template !== 'string' && !(options.template instanceof $))
+            options.template =
+            '<div class="daterangepicker">' +
+                '<div class="ranges"></div>' +
+                '<div class="drp-calendar left">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-calendar right">' +
+                    '<div class="calendar-table"></div>' +
+                    '<div class="calendar-time"></div>' +
+                '</div>' +
+                '<div class="drp-buttons">' +
+                    '<span class="drp-selected"></span>' +
+                    '<button class="cancelBtn" type="button"></button>' +
+                    '<button class="applyBtn" disabled="disabled" type="button"></button> ' +
+                '</div>' +
+            '</div>';
+
+        this.parentEl = (options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(options.template).appendTo(this.parentEl);
+
+        //
+        // handle all the possible options overriding defaults
+        //
+
+        if (typeof options.locale === 'object') {
+
+            if (typeof options.locale.direction === 'string')
+                this.locale.direction = options.locale.direction;
+
+            if (typeof options.locale.format === 'string')
+                this.locale.format = options.locale.format;
+
+            if (typeof options.locale.separator === 'string')
+                this.locale.separator = options.locale.separator;
+
+            if (typeof options.locale.daysOfWeek === 'object')
+                this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+
+            if (typeof options.locale.monthNames === 'object')
+              this.locale.monthNames = options.locale.monthNames.slice();
+
+            if (typeof options.locale.firstDay === 'number')
+              this.locale.firstDay = options.locale.firstDay;
+
+            if (typeof options.locale.applyLabel === 'string')
+              this.locale.applyLabel = options.locale.applyLabel;
+
+            if (typeof options.locale.cancelLabel === 'string')
+              this.locale.cancelLabel = options.locale.cancelLabel;
+
+            if (typeof options.locale.weekLabel === 'string')
+              this.locale.weekLabel = options.locale.weekLabel;
+
+            if (typeof options.locale.customRangeLabel === 'string'){
+                //Support unicode chars in the custom range name.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = options.locale.customRangeLabel;
+                var rangeHtml = elem.value;
+                this.locale.customRangeLabel = rangeHtml;
+            }
+        }
+        this.container.addClass(this.locale.direction);
+
+        if (typeof options.startDate === 'string')
+            this.startDate = moment(options.startDate, this.locale.format);
+
+        if (typeof options.endDate === 'string')
+            this.endDate = moment(options.endDate, this.locale.format);
+
+        if (typeof options.minDate === 'string')
+            this.minDate = moment(options.minDate, this.locale.format);
+
+        if (typeof options.maxDate === 'string')
+            this.maxDate = moment(options.maxDate, this.locale.format);
+
+        if (typeof options.startDate === 'object')
+            this.startDate = moment(options.startDate);
+
+        if (typeof options.endDate === 'object')
+            this.endDate = moment(options.endDate);
+
+        if (typeof options.minDate === 'object')
+            this.minDate = moment(options.minDate);
+
+        if (typeof options.maxDate === 'object')
+            this.maxDate = moment(options.maxDate);
+
+        // sanity check for bad options
+        if (this.minDate && this.startDate.isBefore(this.minDate))
+            this.startDate = this.minDate.clone();
+
+        // sanity check for bad options
+        if (this.maxDate && this.endDate.isAfter(this.maxDate))
+            this.endDate = this.maxDate.clone();
+
+        if (typeof options.applyButtonClasses === 'string')
+            this.applyButtonClasses = options.applyButtonClasses;
+
+        if (typeof options.applyClass === 'string') //backwards compat
+            this.applyButtonClasses = options.applyClass;
+
+        if (typeof options.cancelButtonClasses === 'string')
+            this.cancelButtonClasses = options.cancelButtonClasses;
+
+        if (typeof options.cancelClass === 'string') //backwards compat
+            this.cancelButtonClasses = options.cancelClass;
+
+        if (typeof options.maxSpan === 'object')
+            this.maxSpan = options.maxSpan;
+
+        if (typeof options.dateLimit === 'object') //backwards compat
+            this.maxSpan = options.dateLimit;
+
+        if (typeof options.opens === 'string')
+            this.opens = options.opens;
+
+        if (typeof options.drops === 'string')
+            this.drops = options.drops;
+
+        if (typeof options.showWeekNumbers === 'boolean')
+            this.showWeekNumbers = options.showWeekNumbers;
+
+        if (typeof options.showISOWeekNumbers === 'boolean')
+            this.showISOWeekNumbers = options.showISOWeekNumbers;
+
+        if (typeof options.buttonClasses === 'string')
+            this.buttonClasses = options.buttonClasses;
+
+        if (typeof options.buttonClasses === 'object')
+            this.buttonClasses = options.buttonClasses.join(' ');
+
+        if (typeof options.showDropdowns === 'boolean')
+            this.showDropdowns = options.showDropdowns;
+
+        if (typeof options.minYear === 'number')
+            this.minYear = options.minYear;
+
+        if (typeof options.maxYear === 'number')
+            this.maxYear = options.maxYear;
+
+        if (typeof options.showCustomRangeLabel === 'boolean')
+            this.showCustomRangeLabel = options.showCustomRangeLabel;
+
+        if (typeof options.singleDatePicker === 'boolean') {
+            this.singleDatePicker = options.singleDatePicker;
+            if (this.singleDatePicker)
+                this.endDate = this.startDate.clone();
+        }
+
+        if (typeof options.timePicker === 'boolean')
+            this.timePicker = options.timePicker;
+
+        if (typeof options.timePickerSeconds === 'boolean')
+            this.timePickerSeconds = options.timePickerSeconds;
+
+        if (typeof options.timePickerIncrement === 'number')
+            this.timePickerIncrement = options.timePickerIncrement;
+
+        if (typeof options.timePicker24Hour === 'boolean')
+            this.timePicker24Hour = options.timePicker24Hour;
+
+        if (typeof options.autoApply === 'boolean')
+            this.autoApply = options.autoApply;
+
+        if (typeof options.autoUpdateInput === 'boolean')
+            this.autoUpdateInput = options.autoUpdateInput;
+
+        if (typeof options.linkedCalendars === 'boolean')
+            this.linkedCalendars = options.linkedCalendars;
+
+        if (typeof options.isInvalidDate === 'function')
+            this.isInvalidDate = options.isInvalidDate;
+
+        if (typeof options.isCustomDate === 'function')
+            this.isCustomDate = options.isCustomDate;
+
+        if (typeof options.alwaysShowCalendars === 'boolean')
+            this.alwaysShowCalendars = options.alwaysShowCalendars;
+
+        // update day names order to firstDay
+        if (this.locale.firstDay != 0) {
+            var iterator = this.locale.firstDay;
+            while (iterator > 0) {
+                this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                iterator--;
+            }
+        }
+
+        var start, end, range;
+
+        //if no start/end dates set, check if an input element contains initial values
+        if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+            if ($(this.element).is(':text')) {
+                var val = $(this.element).val(),
+                    split = val.split(this.locale.separator);
+
+                start = end = null;
+
+                if (split.length == 2) {
+                    start = moment(split[0], this.locale.format);
+                    end = moment(split[1], this.locale.format);
+                } else if (this.singleDatePicker && val !== "") {
+                    start = moment(val, this.locale.format);
+                    end = moment(val, this.locale.format);
+                }
+                if (start !== null && end !== null) {
+                    this.setStartDate(start);
+                    this.setEndDate(end);
+                }
+            }
+        }
+
+        if (typeof options.ranges === 'object') {
+            for (range in options.ranges) {
+
+                if (typeof options.ranges[range][0] === 'string')
+                    start = moment(options.ranges[range][0], this.locale.format);
+                else
+                    start = moment(options.ranges[range][0]);
+
+                if (typeof options.ranges[range][1] === 'string')
+                    end = moment(options.ranges[range][1], this.locale.format);
+                else
+                    end = moment(options.ranges[range][1]);
+
+                // If the start or end date exceed those allowed by the minDate or maxSpan
+                // options, shorten the range to the allowable period.
+                if (this.minDate && start.isBefore(this.minDate))
+                    start = this.minDate.clone();
+
+                var maxDate = this.maxDate;
+                if (this.maxSpan && maxDate && start.clone().add(this.maxSpan).isAfter(maxDate))
+                    maxDate = start.clone().add(this.maxSpan);
+                if (maxDate && end.isAfter(maxDate))
+                    end = maxDate.clone();
+
+                // If the end of the range is before the minimum or the start of the range is
+                // after the maximum, don't display this range option at all.
+                if ((this.minDate && end.isBefore(this.minDate, this.timepicker ? 'minute' : 'day'))
+                  || (maxDate && start.isAfter(maxDate, this.timepicker ? 'minute' : 'day')))
+                    continue;
+
+                //Support unicode chars in the range names.
+                var elem = document.createElement('textarea');
+                elem.innerHTML = range;
+                var rangeHtml = elem.value;
+
+                this.ranges[rangeHtml] = [start, end];
+            }
+
+            var list = '<ul>';
+            for (range in this.ranges) {
+                list += '<li data-range-key="' + range + '">' + range + '</li>';
+            }
+            if (this.showCustomRangeLabel) {
+                list += '<li data-range-key="' + this.locale.customRangeLabel + '">' + this.locale.customRangeLabel + '</li>';
+            }
+            list += '</ul>';
+            this.container.find('.ranges').prepend(list);
+        }
+
+        if (typeof cb === 'function') {
+            this.callback = cb;
+        }
+
+        if (!this.timePicker) {
+            this.startDate = this.startDate.startOf('day');
+            this.endDate = this.endDate.endOf('day');
+            this.container.find('.calendar-time').hide();
+        }
+
+        //can't be used together for now
+        if (this.timePicker && this.autoApply)
+            this.autoApply = false;
+
+        if (this.autoApply) {
+            this.container.addClass('auto-apply');
+        }
+
+        if (typeof options.ranges === 'object')
+            this.container.addClass('show-ranges');
+
+        if (this.singleDatePicker) {
+            this.container.addClass('single');
+            this.container.find('.drp-calendar.left').addClass('single');
+            this.container.find('.drp-calendar.left').show();
+            this.container.find('.drp-calendar.right').hide();
+            if (!this.timePicker) {
+                this.container.addClass('auto-apply');
+            }
+        }
+
+        if ((typeof options.ranges === 'undefined' && !this.singleDatePicker) || this.alwaysShowCalendars) {
+            this.container.addClass('show-calendar');
+        }
+
+        this.container.addClass('opens' + this.opens);
+
+        //apply CSS classes and labels to buttons
+        this.container.find('.applyBtn, .cancelBtn').addClass(this.buttonClasses);
+        if (this.applyButtonClasses.length)
+            this.container.find('.applyBtn').addClass(this.applyButtonClasses);
+        if (this.cancelButtonClasses.length)
+            this.container.find('.cancelBtn').addClass(this.cancelButtonClasses);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //
+        // event listeners
+        //
+
+        this.container.find('.drp-calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('mousedown.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.monthOrYearChanged, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.timeChanged, this))
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))
+
+        this.container.find('.drp-buttons')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this))
+
+        if (this.element.is('input') || this.element.is('button')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.elementChanged, this),
+                'keydown.daterangepicker': $.proxy(this.keydown, this) //IE 11 compatibility
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+            this.element.on('keydown.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+        //
+        // if attached to a text input, set the initial value
+        //
+
+        this.updateElement();
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.locale.format);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.minDate && this.startDate.isBefore(this.minDate)) {
+                this.startDate = this.minDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.round(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (this.maxDate && this.startDate.isAfter(this.maxDate)) {
+                this.startDate = this.maxDate.clone();
+                if (this.timePicker && this.timePickerIncrement)
+                    this.startDate.minute(Math.floor(this.startDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+            }
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.locale.format);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            if (this.timePicker && this.timePickerIncrement)
+                this.endDate.minute(Math.round(this.endDate.minute() / this.timePickerIncrement) * this.timePickerIncrement);
+
+            if (this.endDate.isBefore(this.startDate))
+                this.endDate = this.startDate.clone();
+
+            if (this.maxDate && this.endDate.isAfter(this.maxDate))
+                this.endDate = this.maxDate.clone();
+
+            if (this.maxSpan && this.startDate.clone().add(this.maxSpan).isBefore(this.endDate))
+                this.endDate = this.startDate.clone().add(this.maxSpan);
+
+            this.previousRightTime = this.endDate.clone();
+
+            this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+
+            if (!this.isShowing)
+                this.updateElement();
+
+            this.updateMonthsInView();
+        },
+
+        isInvalidDate: function() {
+            return false;
+        },
+
+        isCustomDate: function() {
+            return false;
+        },
+
+        updateView: function() {
+            if (this.timePicker) {
+                this.renderTimePicker('left');
+                this.renderTimePicker('right');
+                if (!this.endDate) {
+                    this.container.find('.right .calendar-time select').attr('disabled', 'disabled').addClass('disabled');
+                } else {
+                    this.container.find('.right .calendar-time select').removeAttr('disabled').removeClass('disabled');
+                }
+            }
+            if (this.endDate)
+                this.container.find('.drp-selected').html(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
+            this.updateMonthsInView();
+            this.updateCalendars();
+            this.updateFormInputs();
+        },
+
+        updateMonthsInView: function() {
+            if (this.endDate) {
+
+                //if both dates are visible already, do nothing
+                if (!this.singleDatePicker && this.leftCalendar.month && this.rightCalendar.month &&
+                    (this.startDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.startDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    &&
+                    (this.endDate.format('YYYY-MM') == this.leftCalendar.month.format('YYYY-MM') || this.endDate.format('YYYY-MM') == this.rightCalendar.month.format('YYYY-MM'))
+                    ) {
+                    return;
+                }
+
+                this.leftCalendar.month = this.startDate.clone().date(2);
+                if (!this.linkedCalendars && (this.endDate.month() != this.startDate.month() || this.endDate.year() != this.startDate.year())) {
+                    this.rightCalendar.month = this.endDate.clone().date(2);
+                } else {
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+
+            } else {
+                if (this.leftCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM') && this.rightCalendar.month.format('YYYY-MM') != this.startDate.format('YYYY-MM')) {
+                    this.leftCalendar.month = this.startDate.clone().date(2);
+                    this.rightCalendar.month = this.startDate.clone().date(2).add(1, 'month');
+                }
+            }
+            if (this.maxDate && this.linkedCalendars && !this.singleDatePicker && this.rightCalendar.month > this.maxDate) {
+              this.rightCalendar.month = this.maxDate.clone().date(2);
+              this.leftCalendar.month = this.maxDate.clone().date(2).subtract(1, 'month');
+            }
+        },
+
+        updateCalendars: function() {
+
+            if (this.timePicker) {
+                var hour, minute, second;
+                if (this.endDate) {
+                    hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                } else {
+                    hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                }
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.renderCalendar('left');
+            this.renderCalendar('right');
+
+            //highlight any predefined range matching the current start and end dates
+            this.container.find('.ranges li').removeClass('active');
+            if (this.endDate == null) return;
+
+            this.calculateChosenLabel();
+        },
+
+        renderCalendar: function(side) {
+
+            //
+            // Build the matrix of dates that will populate the calendar
+            //
+
+            var calendar = side == 'left' ? this.leftCalendar : this.rightCalendar;
+            var month = calendar.month.month();
+            var year = calendar.month.year();
+            var hour = calendar.month.hour();
+            var minute = calendar.month.minute();
+            var second = calendar.month.second();
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+            var dayOfWeek = firstDay.day();
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (var i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]);
+
+            var col, row;
+            for (var i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour).minute(minute).second(second);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            //make the calendar object available to hoverDate/clickDate
+            if (side == 'left') {
+                this.leftCalendar.calendar = calendar;
+            } else {
+                this.rightCalendar.calendar = calendar;
+            }
+
+            //
+            // Display the calendar
+            //
+
+            var minDate = side == 'left' ? this.minDate : this.startDate;
+            var maxDate = this.maxDate;
+            var selected = side == 'left' ? this.startDate : this.endDate;
+            var arrow = this.locale.direction == 'ltr' ? {left: 'chevron-left', right: 'chevron-right'} : {left: 'chevron-right', right: 'chevron-left'};
+
+            var html = '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th></th>';
+
+            if ((!minDate || minDate.isBefore(calendar.firstDay)) && (!this.linkedCalendars || side == 'left')) {
+                html += '<th class="prev available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                var currentMonth = calendar[1][1].month();
+                var currentYear = calendar[1][1].year();
+                var maxYear = (maxDate && maxDate.year()) || (this.maxYear);
+                var minYear = (minDate && minDate.year()) || (this.minYear);
+                var inMinYear = currentYear == minYear;
+                var inMaxYear = currentYear == maxYear;
+
+                var monthHtml = '<select class="monthselect">';
+                for (var m = 0; m < 12; m++) {
+                    if ((!inMinYear || (minDate && m >= minDate.month())) && (!inMaxYear || (maxDate && m <= maxDate.month()))) {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            ">" + this.locale.monthNames[m] + "</option>";
+                    } else {
+                        monthHtml += "<option value='" + m + "'" +
+                            (m === currentMonth ? " selected='selected'" : "") +
+                            " disabled='disabled'>" + this.locale.monthNames[m] + "</option>";
+                    }
+                }
+                monthHtml += "</select>";
+
+                var yearHtml = '<select class="yearselect">';
+                for (var y = minYear; y <= maxYear; y++) {
+                    yearHtml += '<option value="' + y + '"' +
+                        (y === currentYear ? ' selected="selected"' : '') +
+                        '>' + y + '</option>';
+                }
+                yearHtml += '</select>';
+
+                dateHtml = monthHtml + yearHtml;
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if ((!maxDate || maxDate.isAfter(calendar.lastDay)) && (!this.linkedCalendars || side == 'right' || this.singleDatePicker)) {
+                html += '<th class="next available"><span></span></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers || this.showISOWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function(index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            //adjust maxDate to reflect the maxSpan setting in order to
+            //grey out end dates beyond the maxSpan
+            if (this.endDate == null && this.maxSpan) {
+                var maxLimit = this.startDate.clone().add(this.maxSpan).endOf('day');
+                if (!maxDate || maxLimit.isBefore(maxDate)) {
+                    maxDate = maxLimit;
+                }
+            }
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+                else if (this.showISOWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].isoWeek() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+
+                    var classes = [];
+
+                    //highlight today's date
+                    if (calendar[row][col].isSame(new Date(), "day"))
+                        classes.push('today');
+
+                    //highlight weekends
+                    if (calendar[row][col].isoWeekday() > 5)
+                        classes.push('weekend');
+
+                    //grey out the dates in other months displayed at beginning and end of this calendar
+                    if (calendar[row][col].month() != calendar[1][1].month())
+                        classes.push('off', 'ends');
+
+                    //don't allow selection of dates before the minimum date
+                    if (this.minDate && calendar[row][col].isBefore(this.minDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of dates after the maximum date
+                    if (maxDate && calendar[row][col].isAfter(maxDate, 'day'))
+                        classes.push('off', 'disabled');
+
+                    //don't allow selection of date if a custom function decides it's invalid
+                    if (this.isInvalidDate(calendar[row][col]))
+                        classes.push('off', 'disabled');
+
+                    //highlight the currently selected start date
+                    if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'start-date');
+
+                    //highlight the currently selected end date
+                    if (this.endDate != null && calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD'))
+                        classes.push('active', 'end-date');
+
+                    //highlight dates in-between the selected dates
+                    if (this.endDate != null && calendar[row][col] > this.startDate && calendar[row][col] < this.endDate)
+                        classes.push('in-range');
+
+                    //apply custom classes for this date
+                    var isCustom = this.isCustomDate(calendar[row][col]);
+                    if (isCustom !== false) {
+                        if (typeof isCustom === 'string')
+                            classes.push(isCustom);
+                        else
+                            Array.prototype.push.apply(classes, isCustom);
+                    }
+
+                    var cname = '', disabled = false;
+                    for (var i = 0; i < classes.length; i++) {
+                        cname += classes[i] + ' ';
+                        if (classes[i] == 'disabled')
+                            disabled = true;
+                    }
+                    if (!disabled)
+                        cname += 'available';
+
+                    html += '<td class="' + cname.replace(/^\s+|\s+$/g, '') + '" data-title="' + 'r' + row + 'c' + col + '">' + calendar[row][col].date() + '</td>';
+
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-table').html(html);
+
+        },
+
+        renderTimePicker: function(side) {
+
+            // Don't bother updating the time picker if it's currently disabled
+            // because an end date hasn't been clicked yet
+            if (side == 'right' && !this.endDate) return;
+
+            var html, selected, minDate, maxDate = this.maxDate;
+
+            if (this.maxSpan && (!this.maxDate || this.startDate.clone().add(this.maxSpan).isBefore(this.maxDate)))
+                maxDate = this.startDate.clone().add(this.maxSpan);
+
+            if (side == 'left') {
+                selected = this.startDate.clone();
+                minDate = this.minDate;
+            } else if (side == 'right') {
+                selected = this.endDate.clone();
+                minDate = this.startDate;
+
+                //Preserve the time already selected
+                var timeSelector = this.container.find('.drp-calendar.right .calendar-time');
+                if (timeSelector.html() != '') {
+
+                    selected.hour(!isNaN(selected.hour()) ? selected.hour() : timeSelector.find('.hourselect option:selected').val());
+                    selected.minute(!isNaN(selected.minute()) ? selected.minute() : timeSelector.find('.minuteselect option:selected').val());
+                    selected.second(!isNaN(selected.second()) ? selected.second() : timeSelector.find('.secondselect option:selected').val());
+
+                    if (!this.timePicker24Hour) {
+                        var ampm = timeSelector.find('.ampmselect option:selected').val();
+                        if (ampm === 'PM' && selected.hour() < 12)
+                            selected.hour(selected.hour() + 12);
+                        if (ampm === 'AM' && selected.hour() === 12)
+                            selected.hour(0);
+                    }
+
+                }
+
+                if (selected.isBefore(this.startDate))
+                    selected = this.startDate.clone();
+
+                if (maxDate && selected.isAfter(maxDate))
+                    selected = maxDate.clone();
+
+            }
+
+            //
+            // hours
+            //
+
+            html = '<select class="hourselect">';
+
+            var start = this.timePicker24Hour ? 0 : 1;
+            var end = this.timePicker24Hour ? 23 : 12;
+
+            for (var i = start; i <= end; i++) {
+                var i_in_24 = i;
+                if (!this.timePicker24Hour)
+                    i_in_24 = selected.hour() >= 12 ? (i == 12 ? 12 : i + 12) : (i == 12 ? 0 : i);
+
+                var time = selected.clone().hour(i_in_24);
+                var disabled = false;
+                if (minDate && time.minute(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.minute(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (i_in_24 == selected.hour() && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + i + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // minutes
+            //
+
+            html += ': <select class="minuteselect">';
+
+            for (var i = 0; i < 60; i += this.timePickerIncrement) {
+                var padded = i < 10 ? '0' + i : i;
+                var time = selected.clone().minute(i);
+
+                var disabled = false;
+                if (minDate && time.second(59).isBefore(minDate))
+                    disabled = true;
+                if (maxDate && time.second(0).isAfter(maxDate))
+                    disabled = true;
+
+                if (selected.minute() == i && !disabled) {
+                    html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                } else if (disabled) {
+                    html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                } else {
+                    html += '<option value="' + i + '">' + padded + '</option>';
+                }
+            }
+
+            html += '</select> ';
+
+            //
+            // seconds
+            //
+
+            if (this.timePickerSeconds) {
+                html += ': <select class="secondselect">';
+
+                for (var i = 0; i < 60; i++) {
+                    var padded = i < 10 ? '0' + i : i;
+                    var time = selected.clone().second(i);
+
+                    var disabled = false;
+                    if (minDate && time.isBefore(minDate))
+                        disabled = true;
+                    if (maxDate && time.isAfter(maxDate))
+                        disabled = true;
+
+                    if (selected.second() == i && !disabled) {
+                        html += '<option value="' + i + '" selected="selected">' + padded + '</option>';
+                    } else if (disabled) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + padded + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + padded + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+            }
+
+            //
+            // AM/PM
+            //
+
+            if (!this.timePicker24Hour) {
+                html += '<select class="ampmselect">';
+
+                var am_html = '';
+                var pm_html = '';
+
+                if (minDate && selected.clone().hour(12).minute(0).second(0).isBefore(minDate))
+                    am_html = ' disabled="disabled" class="disabled"';
+
+                if (maxDate && selected.clone().hour(0).minute(0).second(0).isAfter(maxDate))
+                    pm_html = ' disabled="disabled" class="disabled"';
+
+                if (selected.hour() >= 12) {
+                    html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                } else {
+                    html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                }
+
+                html += '</select>';
+            }
+
+            this.container.find('.drp-calendar.' + side + ' .calendar-time').html(html);
+
+        },
+
+        updateFormInputs: function() {
+
+            if (this.singleDatePicker || (this.endDate && (this.startDate.isBefore(this.endDate) || this.startDate.isSame(this.endDate)))) {
+                this.container.find('button.applyBtn').removeAttr('disabled');
+            } else {
+                this.container.find('button.applyBtn').attr('disabled', 'disabled');
+            }
+
+        },
+
+        move: function() {
+            var parentOffset = { top: 0, left: 0 },
+                containerTop;
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            if (this.drops == 'up')
+                containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top;
+            else
+                containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top;
+
+            // Force the container to it's actual width
+            this.container.css({
+              top: 0,
+              left: 0,
+              right: 'auto'
+            });
+            var containerWidth = this.container.outerWidth();
+
+            this.container[this.drops == 'up' ? 'addClass' : 'removeClass']('drop-up');
+
+            if (this.opens == 'left') {
+                var containerRight = parentRightEdge - this.element.offset().left - this.element.outerWidth();
+                if (containerWidth + containerRight > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        right: containerRight,
+                        left: 'auto'
+                    });
+                }
+            } else if (this.opens == 'center') {
+                var containerLeft = this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                                        - containerWidth / 2;
+                if (containerLeft < 0) {
+                    this.container.css({
+                        top: containerTop,
+                        right: 'auto',
+                        left: 9
+                    });
+                } else if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            } else {
+                var containerLeft = this.element.offset().left - parentOffset.left;
+                if (containerLeft + containerWidth > $(window).width()) {
+                    this.container.css({
+                        top: containerTop,
+                        left: 'auto',
+                        right: 0
+                    });
+                } else {
+                    this.container.css({
+                        top: containerTop,
+                        left: containerLeft,
+                        right: 'auto'
+                    });
+                }
+            }
+        },
+
+        show: function(e) {
+            if (this.isShowing) return;
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function(e) { this.outsideClick(e); }, this);
+
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            // Reposition the picker if the window is resized while it's open
+            $(window).on('resize.daterangepicker', $.proxy(function(e) { this.move(e); }, this));
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.previousRightTime = this.endDate.clone();
+
+            this.updateView();
+            this.container.show();
+            this.move();
+            this.element.trigger('show.daterangepicker', this);
+            this.isShowing = true;
+        },
+
+        hide: function(e) {
+            if (!this.isShowing) return;
+
+            //incomplete date selection, revert to last values
+            if (!this.endDate) {
+                this.startDate = this.oldStartDate.clone();
+                this.endDate = this.oldEndDate.clone();
+            }
+
+            //if a new date range was selected, invoke the user callback function
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.callback(this.startDate.clone(), this.endDate.clone(), this.chosenLabel);
+
+            //if picker is attached to a text input, update it
+            this.updateElement();
+
+            $(document).off('.daterangepicker');
+            $(window).off('.daterangepicker');
+            this.container.hide();
+            this.element.trigger('hide.daterangepicker', this);
+            this.isShowing = false;
+        },
+
+        toggle: function(e) {
+            if (this.isShowing) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        outsideClick: function(e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-table').length
+                ) return;
+            this.hide();
+            this.element.trigger('outsideClick.daterangepicker', this);
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        clickRange: function(e) {
+            var label = e.target.getAttribute('data-range-key');
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                if (!this.alwaysShowCalendars)
+                    this.hideCalendars();
+                this.clickApply();
+            }
+        },
+
+        clickPrev: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+                if (this.linkedCalendars)
+                    this.rightCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function(e) {
+            var cal = $(e.target).parents('.drp-calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+                if (this.linkedCalendars)
+                    this.leftCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function(e) {
+
+            //ignore dates that can't be selected
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //highlight the dates between the start date and the date being hovered as a potential end date
+            var leftCalendar = this.leftCalendar;
+            var rightCalendar = this.rightCalendar;
+            var startDate = this.startDate;
+            if (!this.endDate) {
+                this.container.find('.drp-calendar tbody td').each(function(index, el) {
+
+                    //skip week numbers, only look at dates
+                    if ($(el).hasClass('week')) return;
+
+                    var title = $(el).attr('data-title');
+                    var row = title.substr(1, 1);
+                    var col = title.substr(3, 1);
+                    var cal = $(el).parents('.drp-calendar');
+                    var dt = cal.hasClass('left') ? leftCalendar.calendar[row][col] : rightCalendar.calendar[row][col];
+
+                    if ((dt.isAfter(startDate) && dt.isBefore(date)) || dt.isSame(date, 'day')) {
+                        $(el).addClass('in-range');
+                    } else {
+                        $(el).removeClass('in-range');
+                    }
+
+                });
+            }
+
+        },
+
+        clickDate: function(e) {
+
+            if (!$(e.target).hasClass('available')) return;
+
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.drp-calendar');
+            var date = cal.hasClass('left') ? this.leftCalendar.calendar[row][col] : this.rightCalendar.calendar[row][col];
+
+            //
+            // this function needs to do a few things:
+            // * alternate between selecting a start and end date for the range,
+            // * if the time picker is enabled, apply the hour/minute/second from the select boxes to the clicked date
+            // * if autoapply is enabled, and an end date was chosen, apply the selection
+            // * if single date picker mode, and time picker isn't enabled, apply the selection immediately
+            // * if one of the inputs above the calendars was focused, cancel that manual input
+            //
+
+            if (this.endDate || date.isBefore(this.startDate, 'day')) { //picking start
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.left .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.left .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.left .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.left .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.left .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.endDate = null;
+                this.setStartDate(date.clone());
+            } else if (!this.endDate && date.isBefore(this.startDate)) {
+                //special case: clicking the same date for start/end,
+                //but the time of the end date is before the start date
+                this.setEndDate(this.startDate.clone());
+            } else { // picking end
+                if (this.timePicker) {
+                    var hour = parseInt(this.container.find('.right .hourselect').val(), 10);
+                    if (!this.timePicker24Hour) {
+                        var ampm = this.container.find('.right .ampmselect').val();
+                        if (ampm === 'PM' && hour < 12)
+                            hour += 12;
+                        if (ampm === 'AM' && hour === 12)
+                            hour = 0;
+                    }
+                    var minute = parseInt(this.container.find('.right .minuteselect').val(), 10);
+                    if (isNaN(minute)) {
+                        minute = parseInt(this.container.find('.right .minuteselect option:last').val(), 10);
+                    }
+                    var second = this.timePickerSeconds ? parseInt(this.container.find('.right .secondselect').val(), 10) : 0;
+                    date = date.clone().hour(hour).minute(minute).second(second);
+                }
+                this.setEndDate(date.clone());
+                if (this.autoApply) {
+                  this.calculateChosenLabel();
+                  this.clickApply();
+                }
+            }
+
+            if (this.singleDatePicker) {
+                this.setEndDate(this.startDate);
+                if (!this.timePicker)
+                    this.clickApply();
+            }
+
+            this.updateView();
+
+            //This is to cancel the blur event handler if the mouse was in one of the inputs
+            e.stopPropagation();
+
+        },
+
+        calculateChosenLabel: function () {
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+              if (this.timePicker) {
+                    var format = this.timePickerSeconds ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm";
+                    //ignore times when comparing dates if time picker seconds is not enabled
+                    if (this.startDate.format(format) == this.ranges[range][0].format(format) && this.endDate.format(format) == this.ranges[range][1].format(format)) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')').addClass('active').attr('data-range-key');
+                        break;
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                if (this.showCustomRangeLabel) {
+                    this.chosenLabel = this.container.find('.ranges li:last').addClass('active').attr('data-range-key');
+                } else {
+                    this.chosenLabel = null;
+                }
+                this.showCalendars();
+            }
+        },
+
+        clickApply: function(e) {
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function(e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        monthOrYearChanged: function(e) {
+            var isLeft = $(e.target).closest('.drp-calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.drp-calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            if (!isLeft) {
+                if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {
+                    month = this.startDate.month();
+                    year = this.startDate.year();
+                }
+            }
+
+            if (this.minDate) {
+                if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {
+                    month = this.minDate.month();
+                    year = this.minDate.year();
+                }
+            }
+
+            if (this.maxDate) {
+                if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {
+                    month = this.maxDate.month();
+                    year = this.maxDate.year();
+                }
+            }
+
+            if (isLeft) {
+                this.leftCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.rightCalendar.month = this.leftCalendar.month.clone().add(1, 'month');
+            } else {
+                this.rightCalendar.month.month(month).year(year);
+                if (this.linkedCalendars)
+                    this.leftCalendar.month = this.rightCalendar.month.clone().subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        timeChanged: function(e) {
+
+            var cal = $(e.target).closest('.drp-calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            if (isNaN(minute)) {
+                minute = parseInt(cal.find('.minuteselect option:last').val(), 10);
+            }
+            var second = this.timePickerSeconds ? parseInt(cal.find('.secondselect').val(), 10) : 0;
+
+            if (!this.timePicker24Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.setStartDate(start);
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                } else if (this.endDate && this.endDate.format('YYYY-MM-DD') == start.format('YYYY-MM-DD') && this.endDate.isBefore(start)) {
+                    this.setEndDate(start.clone());
+                }
+            } else if (this.endDate) {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.setEndDate(end);
+            }
+
+            //update the calendars so all clickable dates reflect the new time component
+            this.updateCalendars();
+
+            //update the form inputs above the calendars with the new time
+            this.updateFormInputs();
+
+            //re-render the time pickers because changing one selection can affect what's enabled in another
+            this.renderTimePicker('left');
+            this.renderTimePicker('right');
+
+        },
+
+        elementChanged: function() {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.locale.separator),
+                start = null,
+                end = null;
+
+            if (dateString.length === 2) {
+                start = moment(dateString[0], this.locale.format);
+                end = moment(dateString[1], this.locale.format);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.locale.format);
+                end = start;
+            }
+
+            if (!start.isValid() || !end.isValid()) return;
+
+            this.setStartDate(start);
+            this.setEndDate(end);
+            this.updateView();
+        },
+
+        keydown: function(e) {
+            //hide on tab or enter
+            if ((e.keyCode === 9) || (e.keyCode === 13)) {
+                this.hide();
+            }
+
+            //hide on esc and prevent propagation
+            if (e.keyCode === 27) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                this.hide();
+            }
+        },
+
+        updateElement: function() {
+            if (this.element.is('input') && this.autoUpdateInput) {
+                var newValue = this.startDate.format(this.locale.format);
+                if (!this.singleDatePicker) {
+                    newValue += this.locale.separator + this.endDate.format(this.locale.format);
+                }
+                if (newValue !== this.element.val()) {
+                    this.element.val(newValue).trigger('change');
+                }
+            }
+        },
+
+        remove: function() {
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData();
+        }
+
+    };
+
+    $.fn.daterangepicker = function(options, callback) {
+        var implementOptions = $.extend(true, {}, $.fn.daterangepicker.defaultOptions, options);
+        this.each(function() {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, implementOptions, callback));
+        });
+        return this;
+    };
+
+    return DateRangePicker;
+
+}));
diff --git a/dist/libs/daterangepicker/moment.min.js b/dist/libs/daterangepicker/moment.min.js
new file mode 100644
index 000000000..5787a4085
--- /dev/null
+++ b/dist/libs/daterangepicker/moment.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.moment=t()}(this,function(){"use strict";var e,i;function c(){return e.apply(null,arguments)}function o(e){return e instanceof Array||"[object Array]"===Object.prototype.toString.call(e)}function u(e){return null!=e&&"[object Object]"===Object.prototype.toString.call(e)}function l(e){return void 0===e}function h(e){return"number"==typeof e||"[object Number]"===Object.prototype.toString.call(e)}function d(e){return e instanceof Date||"[object Date]"===Object.prototype.toString.call(e)}function f(e,t){var n,s=[];for(n=0;n<e.length;++n)s.push(t(e[n],n));return s}function m(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function _(e,t){for(var n in t)m(t,n)&&(e[n]=t[n]);return m(t,"toString")&&(e.toString=t.toString),m(t,"valueOf")&&(e.valueOf=t.valueOf),e}function y(e,t,n,s){return Tt(e,t,n,s,!0).utc()}function g(e){return null==e._pf&&(e._pf={empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null,rfc2822:!1,weekdayMismatch:!1}),e._pf}function v(e){if(null==e._isValid){var t=g(e),n=i.call(t.parsedDateParts,function(e){return null!=e}),s=!isNaN(e._d.getTime())&&t.overflow<0&&!t.empty&&!t.invalidMonth&&!t.invalidWeekday&&!t.weekdayMismatch&&!t.nullInput&&!t.invalidFormat&&!t.userInvalidated&&(!t.meridiem||t.meridiem&&n);if(e._strict&&(s=s&&0===t.charsLeftOver&&0===t.unusedTokens.length&&void 0===t.bigHour),null!=Object.isFrozen&&Object.isFrozen(e))return s;e._isValid=s}return e._isValid}function p(e){var t=y(NaN);return null!=e?_(g(t),e):g(t).userInvalidated=!0,t}i=Array.prototype.some?Array.prototype.some:function(e){for(var t=Object(this),n=t.length>>>0,s=0;s<n;s++)if(s in t&&e.call(this,t[s],s,t))return!0;return!1};var r=c.momentProperties=[];function w(e,t){var n,s,i;if(l(t._isAMomentObject)||(e._isAMomentObject=t._isAMomentObject),l(t._i)||(e._i=t._i),l(t._f)||(e._f=t._f),l(t._l)||(e._l=t._l),l(t._strict)||(e._strict=t._strict),l(t._tzm)||(e._tzm=t._tzm),l(t._isUTC)||(e._isUTC=t._isUTC),l(t._offset)||(e._offset=t._offset),l(t._pf)||(e._pf=g(t)),l(t._locale)||(e._locale=t._locale),0<r.length)for(n=0;n<r.length;n++)l(i=t[s=r[n]])||(e[s]=i);return e}var t=!1;function M(e){w(this,e),this._d=new Date(null!=e._d?e._d.getTime():NaN),this.isValid()||(this._d=new Date(NaN)),!1===t&&(t=!0,c.updateOffset(this),t=!1)}function k(e){return e instanceof M||null!=e&&null!=e._isAMomentObject}function S(e){return e<0?Math.ceil(e)||0:Math.floor(e)}function D(e){var t=+e,n=0;return 0!==t&&isFinite(t)&&(n=S(t)),n}function a(e,t,n){var s,i=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),a=0;for(s=0;s<i;s++)(n&&e[s]!==t[s]||!n&&D(e[s])!==D(t[s]))&&a++;return a+r}function Y(e){!1===c.suppressDeprecationWarnings&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+e)}function n(i,r){var a=!0;return _(function(){if(null!=c.deprecationHandler&&c.deprecationHandler(null,i),a){for(var e,t=[],n=0;n<arguments.length;n++){if(e="","object"==typeof arguments[n]){for(var s in e+="\n["+n+"] ",arguments[0])e+=s+": "+arguments[0][s]+", ";e=e.slice(0,-2)}else e=arguments[n];t.push(e)}Y(i+"\nArguments: "+Array.prototype.slice.call(t).join("")+"\n"+(new Error).stack),a=!1}return r.apply(this,arguments)},r)}var s,O={};function T(e,t){null!=c.deprecationHandler&&c.deprecationHandler(e,t),O[e]||(Y(t),O[e]=!0)}function b(e){return e instanceof Function||"[object Function]"===Object.prototype.toString.call(e)}function x(e,t){var n,s=_({},e);for(n in t)m(t,n)&&(u(e[n])&&u(t[n])?(s[n]={},_(s[n],e[n]),_(s[n],t[n])):null!=t[n]?s[n]=t[n]:delete s[n]);for(n in e)m(e,n)&&!m(t,n)&&u(e[n])&&(s[n]=_({},s[n]));return s}function P(e){null!=e&&this.set(e)}c.suppressDeprecationWarnings=!1,c.deprecationHandler=null,s=Object.keys?Object.keys:function(e){var t,n=[];for(t in e)m(e,t)&&n.push(t);return n};var W={};function C(e,t){var n=e.toLowerCase();W[n]=W[n+"s"]=W[t]=e}function H(e){return"string"==typeof e?W[e]||W[e.toLowerCase()]:void 0}function R(e){var t,n,s={};for(n in e)m(e,n)&&(t=H(n))&&(s[t]=e[n]);return s}var U={};function F(e,t){U[e]=t}function L(e,t,n){var s=""+Math.abs(e),i=t-s.length;return(0<=e?n?"+":"":"-")+Math.pow(10,Math.max(0,i)).toString().substr(1)+s}var N=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,G=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,V={},E={};function I(e,t,n,s){var i=s;"string"==typeof s&&(i=function(){return this[s]()}),e&&(E[e]=i),t&&(E[t[0]]=function(){return L(i.apply(this,arguments),t[1],t[2])}),n&&(E[n]=function(){return this.localeData().ordinal(i.apply(this,arguments),e)})}function A(e,t){return e.isValid()?(t=j(t,e.localeData()),V[t]=V[t]||function(s){var e,i,t,r=s.match(N);for(e=0,i=r.length;e<i;e++)E[r[e]]?r[e]=E[r[e]]:r[e]=(t=r[e]).match(/\[[\s\S]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"");return function(e){var t,n="";for(t=0;t<i;t++)n+=b(r[t])?r[t].call(e,s):r[t];return n}}(t),V[t](e)):e.localeData().invalidDate()}function j(e,t){var n=5;function s(e){return t.longDateFormat(e)||e}for(G.lastIndex=0;0<=n&&G.test(e);)e=e.replace(G,s),G.lastIndex=0,n-=1;return e}var Z=/\d/,z=/\d\d/,$=/\d{3}/,q=/\d{4}/,J=/[+-]?\d{6}/,B=/\d\d?/,Q=/\d\d\d\d?/,X=/\d\d\d\d\d\d?/,K=/\d{1,3}/,ee=/\d{1,4}/,te=/[+-]?\d{1,6}/,ne=/\d+/,se=/[+-]?\d+/,ie=/Z|[+-]\d\d:?\d\d/gi,re=/Z|[+-]\d\d(?::?\d\d)?/gi,ae=/[0-9]{0,256}['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFF07\uFF10-\uFFEF]{1,256}|[\u0600-\u06FF\/]{1,256}(\s*?[\u0600-\u06FF]{1,256}){1,2}/i,oe={};function ue(e,n,s){oe[e]=b(n)?n:function(e,t){return e&&s?s:n}}function le(e,t){return m(oe,e)?oe[e](t._strict,t._locale):new RegExp(he(e.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(e,t,n,s,i){return t||n||s||i})))}function he(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}var de={};function ce(e,n){var t,s=n;for("string"==typeof e&&(e=[e]),h(n)&&(s=function(e,t){t[n]=D(e)}),t=0;t<e.length;t++)de[e[t]]=s}function fe(e,i){ce(e,function(e,t,n,s){n._w=n._w||{},i(e,n._w,n,s)})}var me=0,_e=1,ye=2,ge=3,ve=4,pe=5,we=6,Me=7,ke=8;function Se(e){return De(e)?366:365}function De(e){return e%4==0&&e%100!=0||e%400==0}I("Y",0,0,function(){var e=this.year();return e<=9999?""+e:"+"+e}),I(0,["YY",2],0,function(){return this.year()%100}),I(0,["YYYY",4],0,"year"),I(0,["YYYYY",5],0,"year"),I(0,["YYYYYY",6,!0],0,"year"),C("year","y"),F("year",1),ue("Y",se),ue("YY",B,z),ue("YYYY",ee,q),ue("YYYYY",te,J),ue("YYYYYY",te,J),ce(["YYYYY","YYYYYY"],me),ce("YYYY",function(e,t){t[me]=2===e.length?c.parseTwoDigitYear(e):D(e)}),ce("YY",function(e,t){t[me]=c.parseTwoDigitYear(e)}),ce("Y",function(e,t){t[me]=parseInt(e,10)}),c.parseTwoDigitYear=function(e){return D(e)+(68<D(e)?1900:2e3)};var Ye,Oe=Te("FullYear",!0);function Te(t,n){return function(e){return null!=e?(xe(this,t,e),c.updateOffset(this,n),this):be(this,t)}}function be(e,t){return e.isValid()?e._d["get"+(e._isUTC?"UTC":"")+t]():NaN}function xe(e,t,n){e.isValid()&&!isNaN(n)&&("FullYear"===t&&De(e.year())&&1===e.month()&&29===e.date()?e._d["set"+(e._isUTC?"UTC":"")+t](n,e.month(),Pe(n,e.month())):e._d["set"+(e._isUTC?"UTC":"")+t](n))}function Pe(e,t){if(isNaN(e)||isNaN(t))return NaN;var n,s=(t%(n=12)+n)%n;return e+=(t-s)/12,1===s?De(e)?29:28:31-s%7%2}Ye=Array.prototype.indexOf?Array.prototype.indexOf:function(e){var t;for(t=0;t<this.length;++t)if(this[t]===e)return t;return-1},I("M",["MM",2],"Mo",function(){return this.month()+1}),I("MMM",0,0,function(e){return this.localeData().monthsShort(this,e)}),I("MMMM",0,0,function(e){return this.localeData().months(this,e)}),C("month","M"),F("month",8),ue("M",B),ue("MM",B,z),ue("MMM",function(e,t){return t.monthsShortRegex(e)}),ue("MMMM",function(e,t){return t.monthsRegex(e)}),ce(["M","MM"],function(e,t){t[_e]=D(e)-1}),ce(["MMM","MMMM"],function(e,t,n,s){var i=n._locale.monthsParse(e,s,n._strict);null!=i?t[_e]=i:g(n).invalidMonth=e});var We=/D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/,Ce="January_February_March_April_May_June_July_August_September_October_November_December".split("_");var He="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_");function Re(e,t){var n;if(!e.isValid())return e;if("string"==typeof t)if(/^\d+$/.test(t))t=D(t);else if(!h(t=e.localeData().monthsParse(t)))return e;return n=Math.min(e.date(),Pe(e.year(),t)),e._d["set"+(e._isUTC?"UTC":"")+"Month"](t,n),e}function Ue(e){return null!=e?(Re(this,e),c.updateOffset(this,!0),this):be(this,"Month")}var Fe=ae;var Le=ae;function Ne(){function e(e,t){return t.length-e.length}var t,n,s=[],i=[],r=[];for(t=0;t<12;t++)n=y([2e3,t]),s.push(this.monthsShort(n,"")),i.push(this.months(n,"")),r.push(this.months(n,"")),r.push(this.monthsShort(n,""));for(s.sort(e),i.sort(e),r.sort(e),t=0;t<12;t++)s[t]=he(s[t]),i[t]=he(i[t]);for(t=0;t<24;t++)r[t]=he(r[t]);this._monthsRegex=new RegExp("^("+r.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+s.join("|")+")","i")}function Ge(e){var t;if(e<100&&0<=e){var n=Array.prototype.slice.call(arguments);n[0]=e+400,t=new Date(Date.UTC.apply(null,n)),isFinite(t.getUTCFullYear())&&t.setUTCFullYear(e)}else t=new Date(Date.UTC.apply(null,arguments));return t}function Ve(e,t,n){var s=7+t-n;return-((7+Ge(e,0,s).getUTCDay()-t)%7)+s-1}function Ee(e,t,n,s,i){var r,a,o=1+7*(t-1)+(7+n-s)%7+Ve(e,s,i);return a=o<=0?Se(r=e-1)+o:o>Se(e)?(r=e+1,o-Se(e)):(r=e,o),{year:r,dayOfYear:a}}function Ie(e,t,n){var s,i,r=Ve(e.year(),t,n),a=Math.floor((e.dayOfYear()-r-1)/7)+1;return a<1?s=a+Ae(i=e.year()-1,t,n):a>Ae(e.year(),t,n)?(s=a-Ae(e.year(),t,n),i=e.year()+1):(i=e.year(),s=a),{week:s,year:i}}function Ae(e,t,n){var s=Ve(e,t,n),i=Ve(e+1,t,n);return(Se(e)-s+i)/7}I("w",["ww",2],"wo","week"),I("W",["WW",2],"Wo","isoWeek"),C("week","w"),C("isoWeek","W"),F("week",5),F("isoWeek",5),ue("w",B),ue("ww",B,z),ue("W",B),ue("WW",B,z),fe(["w","ww","W","WW"],function(e,t,n,s){t[s.substr(0,1)]=D(e)});function je(e,t){return e.slice(t,7).concat(e.slice(0,t))}I("d",0,"do","day"),I("dd",0,0,function(e){return this.localeData().weekdaysMin(this,e)}),I("ddd",0,0,function(e){return this.localeData().weekdaysShort(this,e)}),I("dddd",0,0,function(e){return this.localeData().weekdays(this,e)}),I("e",0,0,"weekday"),I("E",0,0,"isoWeekday"),C("day","d"),C("weekday","e"),C("isoWeekday","E"),F("day",11),F("weekday",11),F("isoWeekday",11),ue("d",B),ue("e",B),ue("E",B),ue("dd",function(e,t){return t.weekdaysMinRegex(e)}),ue("ddd",function(e,t){return t.weekdaysShortRegex(e)}),ue("dddd",function(e,t){return t.weekdaysRegex(e)}),fe(["dd","ddd","dddd"],function(e,t,n,s){var i=n._locale.weekdaysParse(e,s,n._strict);null!=i?t.d=i:g(n).invalidWeekday=e}),fe(["d","e","E"],function(e,t,n,s){t[s]=D(e)});var Ze="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_");var ze="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_");var $e="Su_Mo_Tu_We_Th_Fr_Sa".split("_");var qe=ae;var Je=ae;var Be=ae;function Qe(){function e(e,t){return t.length-e.length}var t,n,s,i,r,a=[],o=[],u=[],l=[];for(t=0;t<7;t++)n=y([2e3,1]).day(t),s=this.weekdaysMin(n,""),i=this.weekdaysShort(n,""),r=this.weekdays(n,""),a.push(s),o.push(i),u.push(r),l.push(s),l.push(i),l.push(r);for(a.sort(e),o.sort(e),u.sort(e),l.sort(e),t=0;t<7;t++)o[t]=he(o[t]),u[t]=he(u[t]),l[t]=he(l[t]);this._weekdaysRegex=new RegExp("^("+l.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+u.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+o.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+a.join("|")+")","i")}function Xe(){return this.hours()%12||12}function Ke(e,t){I(e,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),t)})}function et(e,t){return t._meridiemParse}I("H",["HH",2],0,"hour"),I("h",["hh",2],0,Xe),I("k",["kk",2],0,function(){return this.hours()||24}),I("hmm",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)}),I("hmmss",0,0,function(){return""+Xe.apply(this)+L(this.minutes(),2)+L(this.seconds(),2)}),I("Hmm",0,0,function(){return""+this.hours()+L(this.minutes(),2)}),I("Hmmss",0,0,function(){return""+this.hours()+L(this.minutes(),2)+L(this.seconds(),2)}),Ke("a",!0),Ke("A",!1),C("hour","h"),F("hour",13),ue("a",et),ue("A",et),ue("H",B),ue("h",B),ue("k",B),ue("HH",B,z),ue("hh",B,z),ue("kk",B,z),ue("hmm",Q),ue("hmmss",X),ue("Hmm",Q),ue("Hmmss",X),ce(["H","HH"],ge),ce(["k","kk"],function(e,t,n){var s=D(e);t[ge]=24===s?0:s}),ce(["a","A"],function(e,t,n){n._isPm=n._locale.isPM(e),n._meridiem=e}),ce(["h","hh"],function(e,t,n){t[ge]=D(e),g(n).bigHour=!0}),ce("hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s)),g(n).bigHour=!0}),ce("hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i)),g(n).bigHour=!0}),ce("Hmm",function(e,t,n){var s=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s))}),ce("Hmmss",function(e,t,n){var s=e.length-4,i=e.length-2;t[ge]=D(e.substr(0,s)),t[ve]=D(e.substr(s,2)),t[pe]=D(e.substr(i))});var tt,nt=Te("Hours",!0),st={calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},longDateFormat:{LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},invalidDate:"Invalid date",ordinal:"%d",dayOfMonthOrdinalParse:/\d{1,2}/,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",ss:"%d seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},months:Ce,monthsShort:He,week:{dow:0,doy:6},weekdays:Ze,weekdaysMin:$e,weekdaysShort:ze,meridiemParse:/[ap]\.?m?\.?/i},it={},rt={};function at(e){return e?e.toLowerCase().replace("_","-"):e}function ot(e){var t=null;if(!it[e]&&"undefined"!=typeof module&&module&&module.exports)try{t=tt._abbr,require("./locale/"+e),ut(t)}catch(e){}return it[e]}function ut(e,t){var n;return e&&((n=l(t)?ht(e):lt(e,t))?tt=n:"undefined"!=typeof console&&console.warn&&console.warn("Locale "+e+" not found. Did you forget to load it?")),tt._abbr}function lt(e,t){if(null===t)return delete it[e],null;var n,s=st;if(t.abbr=e,null!=it[e])T("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."),s=it[e]._config;else if(null!=t.parentLocale)if(null!=it[t.parentLocale])s=it[t.parentLocale]._config;else{if(null==(n=ot(t.parentLocale)))return rt[t.parentLocale]||(rt[t.parentLocale]=[]),rt[t.parentLocale].push({name:e,config:t}),null;s=n._config}return it[e]=new P(x(s,t)),rt[e]&&rt[e].forEach(function(e){lt(e.name,e.config)}),ut(e),it[e]}function ht(e){var t;if(e&&e._locale&&e._locale._abbr&&(e=e._locale._abbr),!e)return tt;if(!o(e)){if(t=ot(e))return t;e=[e]}return function(e){for(var t,n,s,i,r=0;r<e.length;){for(t=(i=at(e[r]).split("-")).length,n=(n=at(e[r+1]))?n.split("-"):null;0<t;){if(s=ot(i.slice(0,t).join("-")))return s;if(n&&n.length>=t&&a(i,n,!0)>=t-1)break;t--}r++}return tt}(e)}function dt(e){var t,n=e._a;return n&&-2===g(e).overflow&&(t=n[_e]<0||11<n[_e]?_e:n[ye]<1||n[ye]>Pe(n[me],n[_e])?ye:n[ge]<0||24<n[ge]||24===n[ge]&&(0!==n[ve]||0!==n[pe]||0!==n[we])?ge:n[ve]<0||59<n[ve]?ve:n[pe]<0||59<n[pe]?pe:n[we]<0||999<n[we]?we:-1,g(e)._overflowDayOfYear&&(t<me||ye<t)&&(t=ye),g(e)._overflowWeeks&&-1===t&&(t=Me),g(e)._overflowWeekday&&-1===t&&(t=ke),g(e).overflow=t),e}function ct(e,t,n){return null!=e?e:null!=t?t:n}function ft(e){var t,n,s,i,r,a=[];if(!e._d){var o,u;for(o=e,u=new Date(c.now()),s=o._useUTC?[u.getUTCFullYear(),u.getUTCMonth(),u.getUTCDate()]:[u.getFullYear(),u.getMonth(),u.getDate()],e._w&&null==e._a[ye]&&null==e._a[_e]&&function(e){var t,n,s,i,r,a,o,u;if(null!=(t=e._w).GG||null!=t.W||null!=t.E)r=1,a=4,n=ct(t.GG,e._a[me],Ie(bt(),1,4).year),s=ct(t.W,1),((i=ct(t.E,1))<1||7<i)&&(u=!0);else{r=e._locale._week.dow,a=e._locale._week.doy;var l=Ie(bt(),r,a);n=ct(t.gg,e._a[me],l.year),s=ct(t.w,l.week),null!=t.d?((i=t.d)<0||6<i)&&(u=!0):null!=t.e?(i=t.e+r,(t.e<0||6<t.e)&&(u=!0)):i=r}s<1||s>Ae(n,r,a)?g(e)._overflowWeeks=!0:null!=u?g(e)._overflowWeekday=!0:(o=Ee(n,s,i,r,a),e._a[me]=o.year,e._dayOfYear=o.dayOfYear)}(e),null!=e._dayOfYear&&(r=ct(e._a[me],s[me]),(e._dayOfYear>Se(r)||0===e._dayOfYear)&&(g(e)._overflowDayOfYear=!0),n=Ge(r,0,e._dayOfYear),e._a[_e]=n.getUTCMonth(),e._a[ye]=n.getUTCDate()),t=0;t<3&&null==e._a[t];++t)e._a[t]=a[t]=s[t];for(;t<7;t++)e._a[t]=a[t]=null==e._a[t]?2===t?1:0:e._a[t];24===e._a[ge]&&0===e._a[ve]&&0===e._a[pe]&&0===e._a[we]&&(e._nextDay=!0,e._a[ge]=0),e._d=(e._useUTC?Ge:function(e,t,n,s,i,r,a){var o;return e<100&&0<=e?(o=new Date(e+400,t,n,s,i,r,a),isFinite(o.getFullYear())&&o.setFullYear(e)):o=new Date(e,t,n,s,i,r,a),o}).apply(null,a),i=e._useUTC?e._d.getUTCDay():e._d.getDay(),null!=e._tzm&&e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),e._nextDay&&(e._a[ge]=24),e._w&&void 0!==e._w.d&&e._w.d!==i&&(g(e).weekdayMismatch=!0)}}var mt=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,_t=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,yt=/Z|[+-]\d\d(?::?\d\d)?/,gt=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],vt=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],pt=/^\/?Date\((\-?\d+)/i;function wt(e){var t,n,s,i,r,a,o=e._i,u=mt.exec(o)||_t.exec(o);if(u){for(g(e).iso=!0,t=0,n=gt.length;t<n;t++)if(gt[t][1].exec(u[1])){i=gt[t][0],s=!1!==gt[t][2];break}if(null==i)return void(e._isValid=!1);if(u[3]){for(t=0,n=vt.length;t<n;t++)if(vt[t][1].exec(u[3])){r=(u[2]||" ")+vt[t][0];break}if(null==r)return void(e._isValid=!1)}if(!s&&null!=r)return void(e._isValid=!1);if(u[4]){if(!yt.exec(u[4]))return void(e._isValid=!1);a="Z"}e._f=i+(r||"")+(a||""),Yt(e)}else e._isValid=!1}var Mt=/^(?:(Mon|Tue|Wed|Thu|Fri|Sat|Sun),?\s)?(\d{1,2})\s(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s(\d{2,4})\s(\d\d):(\d\d)(?::(\d\d))?\s(?:(UT|GMT|[ECMP][SD]T)|([Zz])|([+-]\d{4}))$/;function kt(e,t,n,s,i,r){var a=[function(e){var t=parseInt(e,10);{if(t<=49)return 2e3+t;if(t<=999)return 1900+t}return t}(e),He.indexOf(t),parseInt(n,10),parseInt(s,10),parseInt(i,10)];return r&&a.push(parseInt(r,10)),a}var St={UT:0,GMT:0,EDT:-240,EST:-300,CDT:-300,CST:-360,MDT:-360,MST:-420,PDT:-420,PST:-480};function Dt(e){var t,n,s,i=Mt.exec(e._i.replace(/\([^)]*\)|[\n\t]/g," ").replace(/(\s\s+)/g," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""));if(i){var r=kt(i[4],i[3],i[2],i[5],i[6],i[7]);if(t=i[1],n=r,s=e,t&&ze.indexOf(t)!==new Date(n[0],n[1],n[2]).getDay()&&(g(s).weekdayMismatch=!0,!(s._isValid=!1)))return;e._a=r,e._tzm=function(e,t,n){if(e)return St[e];if(t)return 0;var s=parseInt(n,10),i=s%100;return(s-i)/100*60+i}(i[8],i[9],i[10]),e._d=Ge.apply(null,e._a),e._d.setUTCMinutes(e._d.getUTCMinutes()-e._tzm),g(e).rfc2822=!0}else e._isValid=!1}function Yt(e){if(e._f!==c.ISO_8601)if(e._f!==c.RFC_2822){e._a=[],g(e).empty=!0;var t,n,s,i,r,a,o,u,l=""+e._i,h=l.length,d=0;for(s=j(e._f,e._locale).match(N)||[],t=0;t<s.length;t++)i=s[t],(n=(l.match(le(i,e))||[])[0])&&(0<(r=l.substr(0,l.indexOf(n))).length&&g(e).unusedInput.push(r),l=l.slice(l.indexOf(n)+n.length),d+=n.length),E[i]?(n?g(e).empty=!1:g(e).unusedTokens.push(i),a=i,u=e,null!=(o=n)&&m(de,a)&&de[a](o,u._a,u,a)):e._strict&&!n&&g(e).unusedTokens.push(i);g(e).charsLeftOver=h-d,0<l.length&&g(e).unusedInput.push(l),e._a[ge]<=12&&!0===g(e).bigHour&&0<e._a[ge]&&(g(e).bigHour=void 0),g(e).parsedDateParts=e._a.slice(0),g(e).meridiem=e._meridiem,e._a[ge]=function(e,t,n){var s;if(null==n)return t;return null!=e.meridiemHour?e.meridiemHour(t,n):(null!=e.isPM&&((s=e.isPM(n))&&t<12&&(t+=12),s||12!==t||(t=0)),t)}(e._locale,e._a[ge],e._meridiem),ft(e),dt(e)}else Dt(e);else wt(e)}function Ot(e){var t,n,s,i,r=e._i,a=e._f;return e._locale=e._locale||ht(e._l),null===r||void 0===a&&""===r?p({nullInput:!0}):("string"==typeof r&&(e._i=r=e._locale.preparse(r)),k(r)?new M(dt(r)):(d(r)?e._d=r:o(a)?function(e){var t,n,s,i,r;if(0===e._f.length)return g(e).invalidFormat=!0,e._d=new Date(NaN);for(i=0;i<e._f.length;i++)r=0,t=w({},e),null!=e._useUTC&&(t._useUTC=e._useUTC),t._f=e._f[i],Yt(t),v(t)&&(r+=g(t).charsLeftOver,r+=10*g(t).unusedTokens.length,g(t).score=r,(null==s||r<s)&&(s=r,n=t));_(e,n||t)}(e):a?Yt(e):l(n=(t=e)._i)?t._d=new Date(c.now()):d(n)?t._d=new Date(n.valueOf()):"string"==typeof n?(s=t,null===(i=pt.exec(s._i))?(wt(s),!1===s._isValid&&(delete s._isValid,Dt(s),!1===s._isValid&&(delete s._isValid,c.createFromInputFallback(s)))):s._d=new Date(+i[1])):o(n)?(t._a=f(n.slice(0),function(e){return parseInt(e,10)}),ft(t)):u(n)?function(e){if(!e._d){var t=R(e._i);e._a=f([t.year,t.month,t.day||t.date,t.hour,t.minute,t.second,t.millisecond],function(e){return e&&parseInt(e,10)}),ft(e)}}(t):h(n)?t._d=new Date(n):c.createFromInputFallback(t),v(e)||(e._d=null),e))}function Tt(e,t,n,s,i){var r,a={};return!0!==n&&!1!==n||(s=n,n=void 0),(u(e)&&function(e){if(Object.getOwnPropertyNames)return 0===Object.getOwnPropertyNames(e).length;var t;for(t in e)if(e.hasOwnProperty(t))return!1;return!0}(e)||o(e)&&0===e.length)&&(e=void 0),a._isAMomentObject=!0,a._useUTC=a._isUTC=i,a._l=n,a._i=e,a._f=t,a._strict=s,(r=new M(dt(Ot(a))))._nextDay&&(r.add(1,"d"),r._nextDay=void 0),r}function bt(e,t,n,s){return Tt(e,t,n,s,!1)}c.createFromInputFallback=n("value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.",function(e){e._d=new Date(e._i+(e._useUTC?" UTC":""))}),c.ISO_8601=function(){},c.RFC_2822=function(){};var xt=n("moment().min is deprecated, use moment.max instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?e<this?this:e:p()}),Pt=n("moment().max is deprecated, use moment.min instead. http://momentjs.com/guides/#/warnings/min-max/",function(){var e=bt.apply(null,arguments);return this.isValid()&&e.isValid()?this<e?this:e:p()});function Wt(e,t){var n,s;if(1===t.length&&o(t[0])&&(t=t[0]),!t.length)return bt();for(n=t[0],s=1;s<t.length;++s)t[s].isValid()&&!t[s][e](n)||(n=t[s]);return n}var Ct=["year","quarter","month","week","day","hour","minute","second","millisecond"];function Ht(e){var t=R(e),n=t.year||0,s=t.quarter||0,i=t.month||0,r=t.week||t.isoWeek||0,a=t.day||0,o=t.hour||0,u=t.minute||0,l=t.second||0,h=t.millisecond||0;this._isValid=function(e){for(var t in e)if(-1===Ye.call(Ct,t)||null!=e[t]&&isNaN(e[t]))return!1;for(var n=!1,s=0;s<Ct.length;++s)if(e[Ct[s]]){if(n)return!1;parseFloat(e[Ct[s]])!==D(e[Ct[s]])&&(n=!0)}return!0}(t),this._milliseconds=+h+1e3*l+6e4*u+1e3*o*60*60,this._days=+a+7*r,this._months=+i+3*s+12*n,this._data={},this._locale=ht(),this._bubble()}function Rt(e){return e instanceof Ht}function Ut(e){return e<0?-1*Math.round(-1*e):Math.round(e)}function Ft(e,n){I(e,0,0,function(){var e=this.utcOffset(),t="+";return e<0&&(e=-e,t="-"),t+L(~~(e/60),2)+n+L(~~e%60,2)})}Ft("Z",":"),Ft("ZZ",""),ue("Z",re),ue("ZZ",re),ce(["Z","ZZ"],function(e,t,n){n._useUTC=!0,n._tzm=Nt(re,e)});var Lt=/([\+\-]|\d\d)/gi;function Nt(e,t){var n=(t||"").match(e);if(null===n)return null;var s=((n[n.length-1]||[])+"").match(Lt)||["-",0,0],i=60*s[1]+D(s[2]);return 0===i?0:"+"===s[0]?i:-i}function Gt(e,t){var n,s;return t._isUTC?(n=t.clone(),s=(k(e)||d(e)?e.valueOf():bt(e).valueOf())-n.valueOf(),n._d.setTime(n._d.valueOf()+s),c.updateOffset(n,!1),n):bt(e).local()}function Vt(e){return 15*-Math.round(e._d.getTimezoneOffset()/15)}function Et(){return!!this.isValid()&&(this._isUTC&&0===this._offset)}c.updateOffset=function(){};var It=/^(\-|\+)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)(\.\d*)?)?$/,At=/^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;function jt(e,t){var n,s,i,r=e,a=null;return Rt(e)?r={ms:e._milliseconds,d:e._days,M:e._months}:h(e)?(r={},t?r[t]=e:r.milliseconds=e):(a=It.exec(e))?(n="-"===a[1]?-1:1,r={y:0,d:D(a[ye])*n,h:D(a[ge])*n,m:D(a[ve])*n,s:D(a[pe])*n,ms:D(Ut(1e3*a[we]))*n}):(a=At.exec(e))?(n="-"===a[1]?-1:1,r={y:Zt(a[2],n),M:Zt(a[3],n),w:Zt(a[4],n),d:Zt(a[5],n),h:Zt(a[6],n),m:Zt(a[7],n),s:Zt(a[8],n)}):null==r?r={}:"object"==typeof r&&("from"in r||"to"in r)&&(i=function(e,t){var n;if(!e.isValid()||!t.isValid())return{milliseconds:0,months:0};t=Gt(t,e),e.isBefore(t)?n=zt(e,t):((n=zt(t,e)).milliseconds=-n.milliseconds,n.months=-n.months);return n}(bt(r.from),bt(r.to)),(r={}).ms=i.milliseconds,r.M=i.months),s=new Ht(r),Rt(e)&&m(e,"_locale")&&(s._locale=e._locale),s}function Zt(e,t){var n=e&&parseFloat(e.replace(",","."));return(isNaN(n)?0:n)*t}function zt(e,t){var n={};return n.months=t.month()-e.month()+12*(t.year()-e.year()),e.clone().add(n.months,"M").isAfter(t)&&--n.months,n.milliseconds=+t-+e.clone().add(n.months,"M"),n}function $t(s,i){return function(e,t){var n;return null===t||isNaN(+t)||(T(i,"moment()."+i+"(period, number) is deprecated. Please use moment()."+i+"(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."),n=e,e=t,t=n),qt(this,jt(e="string"==typeof e?+e:e,t),s),this}}function qt(e,t,n,s){var i=t._milliseconds,r=Ut(t._days),a=Ut(t._months);e.isValid()&&(s=null==s||s,a&&Re(e,be(e,"Month")+a*n),r&&xe(e,"Date",be(e,"Date")+r*n),i&&e._d.setTime(e._d.valueOf()+i*n),s&&c.updateOffset(e,r||a))}jt.fn=Ht.prototype,jt.invalid=function(){return jt(NaN)};var Jt=$t(1,"add"),Bt=$t(-1,"subtract");function Qt(e,t){var n=12*(t.year()-e.year())+(t.month()-e.month()),s=e.clone().add(n,"months");return-(n+(t-s<0?(t-s)/(s-e.clone().add(n-1,"months")):(t-s)/(e.clone().add(n+1,"months")-s)))||0}function Xt(e){var t;return void 0===e?this._locale._abbr:(null!=(t=ht(e))&&(this._locale=t),this)}c.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",c.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var Kt=n("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(e){return void 0===e?this.localeData():this.locale(e)});function en(){return this._locale}var tn=126227808e5;function nn(e,t){return(e%t+t)%t}function sn(e,t,n){return e<100&&0<=e?new Date(e+400,t,n)-tn:new Date(e,t,n).valueOf()}function rn(e,t,n){return e<100&&0<=e?Date.UTC(e+400,t,n)-tn:Date.UTC(e,t,n)}function an(e,t){I(0,[e,e.length],0,t)}function on(e,t,n,s,i){var r;return null==e?Ie(this,s,i).year:((r=Ae(e,s,i))<t&&(t=r),function(e,t,n,s,i){var r=Ee(e,t,n,s,i),a=Ge(r.year,0,r.dayOfYear);return this.year(a.getUTCFullYear()),this.month(a.getUTCMonth()),this.date(a.getUTCDate()),this}.call(this,e,t,n,s,i))}I(0,["gg",2],0,function(){return this.weekYear()%100}),I(0,["GG",2],0,function(){return this.isoWeekYear()%100}),an("gggg","weekYear"),an("ggggg","weekYear"),an("GGGG","isoWeekYear"),an("GGGGG","isoWeekYear"),C("weekYear","gg"),C("isoWeekYear","GG"),F("weekYear",1),F("isoWeekYear",1),ue("G",se),ue("g",se),ue("GG",B,z),ue("gg",B,z),ue("GGGG",ee,q),ue("gggg",ee,q),ue("GGGGG",te,J),ue("ggggg",te,J),fe(["gggg","ggggg","GGGG","GGGGG"],function(e,t,n,s){t[s.substr(0,2)]=D(e)}),fe(["gg","GG"],function(e,t,n,s){t[s]=c.parseTwoDigitYear(e)}),I("Q",0,"Qo","quarter"),C("quarter","Q"),F("quarter",7),ue("Q",Z),ce("Q",function(e,t){t[_e]=3*(D(e)-1)}),I("D",["DD",2],"Do","date"),C("date","D"),F("date",9),ue("D",B),ue("DD",B,z),ue("Do",function(e,t){return e?t._dayOfMonthOrdinalParse||t._ordinalParse:t._dayOfMonthOrdinalParseLenient}),ce(["D","DD"],ye),ce("Do",function(e,t){t[ye]=D(e.match(B)[0])});var un=Te("Date",!0);I("DDD",["DDDD",3],"DDDo","dayOfYear"),C("dayOfYear","DDD"),F("dayOfYear",4),ue("DDD",K),ue("DDDD",$),ce(["DDD","DDDD"],function(e,t,n){n._dayOfYear=D(e)}),I("m",["mm",2],0,"minute"),C("minute","m"),F("minute",14),ue("m",B),ue("mm",B,z),ce(["m","mm"],ve);var ln=Te("Minutes",!1);I("s",["ss",2],0,"second"),C("second","s"),F("second",15),ue("s",B),ue("ss",B,z),ce(["s","ss"],pe);var hn,dn=Te("Seconds",!1);for(I("S",0,0,function(){return~~(this.millisecond()/100)}),I(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),I(0,["SSS",3],0,"millisecond"),I(0,["SSSS",4],0,function(){return 10*this.millisecond()}),I(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),I(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),I(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),I(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),I(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),C("millisecond","ms"),F("millisecond",16),ue("S",K,Z),ue("SS",K,z),ue("SSS",K,$),hn="SSSS";hn.length<=9;hn+="S")ue(hn,ne);function cn(e,t){t[we]=D(1e3*("0."+e))}for(hn="S";hn.length<=9;hn+="S")ce(hn,cn);var fn=Te("Milliseconds",!1);I("z",0,0,"zoneAbbr"),I("zz",0,0,"zoneName");var mn=M.prototype;function _n(e){return e}mn.add=Jt,mn.calendar=function(e,t){var n=e||bt(),s=Gt(n,this).startOf("day"),i=c.calendarFormat(this,s)||"sameElse",r=t&&(b(t[i])?t[i].call(this,n):t[i]);return this.format(r||this.localeData().calendar(i,this,bt(n)))},mn.clone=function(){return new M(this)},mn.diff=function(e,t,n){var s,i,r;if(!this.isValid())return NaN;if(!(s=Gt(e,this)).isValid())return NaN;switch(i=6e4*(s.utcOffset()-this.utcOffset()),t=H(t)){case"year":r=Qt(this,s)/12;break;case"month":r=Qt(this,s);break;case"quarter":r=Qt(this,s)/3;break;case"second":r=(this-s)/1e3;break;case"minute":r=(this-s)/6e4;break;case"hour":r=(this-s)/36e5;break;case"day":r=(this-s-i)/864e5;break;case"week":r=(this-s-i)/6048e5;break;default:r=this-s}return n?r:S(r)},mn.endOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year()+1,0,1)-1;break;case"quarter":t=n(this.year(),this.month()-this.month()%3+3,1)-1;break;case"month":t=n(this.year(),this.month()+1,1)-1;break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday()+7)-1;break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1)+7)-1;break;case"day":case"date":t=n(this.year(),this.month(),this.date()+1)-1;break;case"hour":t=this._d.valueOf(),t+=36e5-nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5)-1;break;case"minute":t=this._d.valueOf(),t+=6e4-nn(t,6e4)-1;break;case"second":t=this._d.valueOf(),t+=1e3-nn(t,1e3)-1;break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.format=function(e){e||(e=this.isUtc()?c.defaultFormatUtc:c.defaultFormat);var t=A(this,e);return this.localeData().postformat(t)},mn.from=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({to:this,from:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.fromNow=function(e){return this.from(bt(),e)},mn.to=function(e,t){return this.isValid()&&(k(e)&&e.isValid()||bt(e).isValid())?jt({from:this,to:e}).locale(this.locale()).humanize(!t):this.localeData().invalidDate()},mn.toNow=function(e){return this.to(bt(),e)},mn.get=function(e){return b(this[e=H(e)])?this[e]():this},mn.invalidAt=function(){return g(this).overflow},mn.isAfter=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()>n.valueOf():n.valueOf()<this.clone().startOf(t).valueOf())},mn.isBefore=function(e,t){var n=k(e)?e:bt(e);return!(!this.isValid()||!n.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()<n.valueOf():this.clone().endOf(t).valueOf()<n.valueOf())},mn.isBetween=function(e,t,n,s){var i=k(e)?e:bt(e),r=k(t)?t:bt(t);return!!(this.isValid()&&i.isValid()&&r.isValid())&&("("===(s=s||"()")[0]?this.isAfter(i,n):!this.isBefore(i,n))&&(")"===s[1]?this.isBefore(r,n):!this.isAfter(r,n))},mn.isSame=function(e,t){var n,s=k(e)?e:bt(e);return!(!this.isValid()||!s.isValid())&&("millisecond"===(t=H(t)||"millisecond")?this.valueOf()===s.valueOf():(n=s.valueOf(),this.clone().startOf(t).valueOf()<=n&&n<=this.clone().endOf(t).valueOf()))},mn.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)},mn.isSameOrBefore=function(e,t){return this.isSame(e,t)||this.isBefore(e,t)},mn.isValid=function(){return v(this)},mn.lang=Kt,mn.locale=Xt,mn.localeData=en,mn.max=Pt,mn.min=xt,mn.parsingFlags=function(){return _({},g(this))},mn.set=function(e,t){if("object"==typeof e)for(var n=function(e){var t=[];for(var n in e)t.push({unit:n,priority:U[n]});return t.sort(function(e,t){return e.priority-t.priority}),t}(e=R(e)),s=0;s<n.length;s++)this[n[s].unit](e[n[s].unit]);else if(b(this[e=H(e)]))return this[e](t);return this},mn.startOf=function(e){var t;if(void 0===(e=H(e))||"millisecond"===e||!this.isValid())return this;var n=this._isUTC?rn:sn;switch(e){case"year":t=n(this.year(),0,1);break;case"quarter":t=n(this.year(),this.month()-this.month()%3,1);break;case"month":t=n(this.year(),this.month(),1);break;case"week":t=n(this.year(),this.month(),this.date()-this.weekday());break;case"isoWeek":t=n(this.year(),this.month(),this.date()-(this.isoWeekday()-1));break;case"day":case"date":t=n(this.year(),this.month(),this.date());break;case"hour":t=this._d.valueOf(),t-=nn(t+(this._isUTC?0:6e4*this.utcOffset()),36e5);break;case"minute":t=this._d.valueOf(),t-=nn(t,6e4);break;case"second":t=this._d.valueOf(),t-=nn(t,1e3);break}return this._d.setTime(t),c.updateOffset(this,!0),this},mn.subtract=Bt,mn.toArray=function(){var e=this;return[e.year(),e.month(),e.date(),e.hour(),e.minute(),e.second(),e.millisecond()]},mn.toObject=function(){var e=this;return{years:e.year(),months:e.month(),date:e.date(),hours:e.hours(),minutes:e.minutes(),seconds:e.seconds(),milliseconds:e.milliseconds()}},mn.toDate=function(){return new Date(this.valueOf())},mn.toISOString=function(e){if(!this.isValid())return null;var t=!0!==e,n=t?this.clone().utc():this;return n.year()<0||9999<n.year()?A(n,t?"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYYYY-MM-DD[T]HH:mm:ss.SSSZ"):b(Date.prototype.toISOString)?t?this.toDate().toISOString():new Date(this.valueOf()+60*this.utcOffset()*1e3).toISOString().replace("Z",A(n,"Z")):A(n,t?"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]":"YYYY-MM-DD[T]HH:mm:ss.SSSZ")},mn.inspect=function(){if(!this.isValid())return"moment.invalid(/* "+this._i+" */)";var e="moment",t="";this.isLocal()||(e=0===this.utcOffset()?"moment.utc":"moment.parseZone",t="Z");var n="["+e+'("]',s=0<=this.year()&&this.year()<=9999?"YYYY":"YYYYYY",i=t+'[")]';return this.format(n+s+"-MM-DD[T]HH:mm:ss.SSS"+i)},mn.toJSON=function(){return this.isValid()?this.toISOString():null},mn.toString=function(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},mn.unix=function(){return Math.floor(this.valueOf()/1e3)},mn.valueOf=function(){return this._d.valueOf()-6e4*(this._offset||0)},mn.creationData=function(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}},mn.year=Oe,mn.isLeapYear=function(){return De(this.year())},mn.weekYear=function(e){return on.call(this,e,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)},mn.isoWeekYear=function(e){return on.call(this,e,this.isoWeek(),this.isoWeekday(),1,4)},mn.quarter=mn.quarters=function(e){return null==e?Math.ceil((this.month()+1)/3):this.month(3*(e-1)+this.month()%3)},mn.month=Ue,mn.daysInMonth=function(){return Pe(this.year(),this.month())},mn.week=mn.weeks=function(e){var t=this.localeData().week(this);return null==e?t:this.add(7*(e-t),"d")},mn.isoWeek=mn.isoWeeks=function(e){var t=Ie(this,1,4).week;return null==e?t:this.add(7*(e-t),"d")},mn.weeksInYear=function(){var e=this.localeData()._week;return Ae(this.year(),e.dow,e.doy)},mn.isoWeeksInYear=function(){return Ae(this.year(),1,4)},mn.date=un,mn.day=mn.days=function(e){if(!this.isValid())return null!=e?this:NaN;var t,n,s=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=e?(t=e,n=this.localeData(),e="string"!=typeof t?t:isNaN(t)?"number"==typeof(t=n.weekdaysParse(t))?t:null:parseInt(t,10),this.add(e-s,"d")):s},mn.weekday=function(e){if(!this.isValid())return null!=e?this:NaN;var t=(this.day()+7-this.localeData()._week.dow)%7;return null==e?t:this.add(e-t,"d")},mn.isoWeekday=function(e){if(!this.isValid())return null!=e?this:NaN;if(null==e)return this.day()||7;var t,n,s=(t=e,n=this.localeData(),"string"==typeof t?n.weekdaysParse(t)%7||7:isNaN(t)?null:t);return this.day(this.day()%7?s:s-7)},mn.dayOfYear=function(e){var t=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==e?t:this.add(e-t,"d")},mn.hour=mn.hours=nt,mn.minute=mn.minutes=ln,mn.second=mn.seconds=dn,mn.millisecond=mn.milliseconds=fn,mn.utcOffset=function(e,t,n){var s,i=this._offset||0;if(!this.isValid())return null!=e?this:NaN;if(null==e)return this._isUTC?i:Vt(this);if("string"==typeof e){if(null===(e=Nt(re,e)))return this}else Math.abs(e)<16&&!n&&(e*=60);return!this._isUTC&&t&&(s=Vt(this)),this._offset=e,this._isUTC=!0,null!=s&&this.add(s,"m"),i!==e&&(!t||this._changeInProgress?qt(this,jt(e-i,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,c.updateOffset(this,!0),this._changeInProgress=null)),this},mn.utc=function(e){return this.utcOffset(0,e)},mn.local=function(e){return this._isUTC&&(this.utcOffset(0,e),this._isUTC=!1,e&&this.subtract(Vt(this),"m")),this},mn.parseZone=function(){if(null!=this._tzm)this.utcOffset(this._tzm,!1,!0);else if("string"==typeof this._i){var e=Nt(ie,this._i);null!=e?this.utcOffset(e):this.utcOffset(0,!0)}return this},mn.hasAlignedHourOffset=function(e){return!!this.isValid()&&(e=e?bt(e).utcOffset():0,(this.utcOffset()-e)%60==0)},mn.isDST=function(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()},mn.isLocal=function(){return!!this.isValid()&&!this._isUTC},mn.isUtcOffset=function(){return!!this.isValid()&&this._isUTC},mn.isUtc=Et,mn.isUTC=Et,mn.zoneAbbr=function(){return this._isUTC?"UTC":""},mn.zoneName=function(){return this._isUTC?"Coordinated Universal Time":""},mn.dates=n("dates accessor is deprecated. Use date instead.",un),mn.months=n("months accessor is deprecated. Use month instead",Ue),mn.years=n("years accessor is deprecated. Use year instead",Oe),mn.zone=n("moment().zone is deprecated, use moment().utcOffset instead. http://momentjs.com/guides/#/warnings/zone/",function(e,t){return null!=e?("string"!=typeof e&&(e=-e),this.utcOffset(e,t),this):-this.utcOffset()}),mn.isDSTShifted=n("isDSTShifted is deprecated. See http://momentjs.com/guides/#/warnings/dst-shifted/ for more information",function(){if(!l(this._isDSTShifted))return this._isDSTShifted;var e={};if(w(e,this),(e=Ot(e))._a){var t=e._isUTC?y(e._a):bt(e._a);this._isDSTShifted=this.isValid()&&0<a(e._a,t.toArray())}else this._isDSTShifted=!1;return this._isDSTShifted});var yn=P.prototype;function gn(e,t,n,s){var i=ht(),r=y().set(s,t);return i[n](r,e)}function vn(e,t,n){if(h(e)&&(t=e,e=void 0),e=e||"",null!=t)return gn(e,t,n,"month");var s,i=[];for(s=0;s<12;s++)i[s]=gn(e,s,n,"month");return i}function pn(e,t,n,s){t=("boolean"==typeof e?h(t)&&(n=t,t=void 0):(t=e,e=!1,h(n=t)&&(n=t,t=void 0)),t||"");var i,r=ht(),a=e?r._week.dow:0;if(null!=n)return gn(t,(n+a)%7,s,"day");var o=[];for(i=0;i<7;i++)o[i]=gn(t,(i+a)%7,s,"day");return o}yn.calendar=function(e,t,n){var s=this._calendar[e]||this._calendar.sameElse;return b(s)?s.call(t,n):s},yn.longDateFormat=function(e){var t=this._longDateFormat[e],n=this._longDateFormat[e.toUpperCase()];return t||!n?t:(this._longDateFormat[e]=n.replace(/MMMM|MM|DD|dddd/g,function(e){return e.slice(1)}),this._longDateFormat[e])},yn.invalidDate=function(){return this._invalidDate},yn.ordinal=function(e){return this._ordinal.replace("%d",e)},yn.preparse=_n,yn.postformat=_n,yn.relativeTime=function(e,t,n,s){var i=this._relativeTime[n];return b(i)?i(e,t,n,s):i.replace(/%d/i,e)},yn.pastFuture=function(e,t){var n=this._relativeTime[0<e?"future":"past"];return b(n)?n(t):n.replace(/%s/i,t)},yn.set=function(e){var t,n;for(n in e)b(t=e[n])?this[n]=t:this["_"+n]=t;this._config=e,this._dayOfMonthOrdinalParseLenient=new RegExp((this._dayOfMonthOrdinalParse.source||this._ordinalParse.source)+"|"+/\d{1,2}/.source)},yn.months=function(e,t){return e?o(this._months)?this._months[e.month()]:this._months[(this._months.isFormat||We).test(t)?"format":"standalone"][e.month()]:o(this._months)?this._months:this._months.standalone},yn.monthsShort=function(e,t){return e?o(this._monthsShort)?this._monthsShort[e.month()]:this._monthsShort[We.test(t)?"format":"standalone"][e.month()]:o(this._monthsShort)?this._monthsShort:this._monthsShort.standalone},yn.monthsParse=function(e,t,n){var s,i,r;if(this._monthsParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],s=0;s<12;++s)r=y([2e3,s]),this._shortMonthsParse[s]=this.monthsShort(r,"").toLocaleLowerCase(),this._longMonthsParse[s]=this.months(r,"").toLocaleLowerCase();return n?"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:"MMM"===t?-1!==(i=Ye.call(this._shortMonthsParse,a))?i:-1!==(i=Ye.call(this._longMonthsParse,a))?i:null:-1!==(i=Ye.call(this._longMonthsParse,a))?i:-1!==(i=Ye.call(this._shortMonthsParse,a))?i:null}.call(this,e,t,n);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),s=0;s<12;s++){if(i=y([2e3,s]),n&&!this._longMonthsParse[s]&&(this._longMonthsParse[s]=new RegExp("^"+this.months(i,"").replace(".","")+"$","i"),this._shortMonthsParse[s]=new RegExp("^"+this.monthsShort(i,"").replace(".","")+"$","i")),n||this._monthsParse[s]||(r="^"+this.months(i,"")+"|^"+this.monthsShort(i,""),this._monthsParse[s]=new RegExp(r.replace(".",""),"i")),n&&"MMMM"===t&&this._longMonthsParse[s].test(e))return s;if(n&&"MMM"===t&&this._shortMonthsParse[s].test(e))return s;if(!n&&this._monthsParse[s].test(e))return s}},yn.monthsRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsStrictRegex:this._monthsRegex):(m(this,"_monthsRegex")||(this._monthsRegex=Le),this._monthsStrictRegex&&e?this._monthsStrictRegex:this._monthsRegex)},yn.monthsShortRegex=function(e){return this._monthsParseExact?(m(this,"_monthsRegex")||Ne.call(this),e?this._monthsShortStrictRegex:this._monthsShortRegex):(m(this,"_monthsShortRegex")||(this._monthsShortRegex=Fe),this._monthsShortStrictRegex&&e?this._monthsShortStrictRegex:this._monthsShortRegex)},yn.week=function(e){return Ie(e,this._week.dow,this._week.doy).week},yn.firstDayOfYear=function(){return this._week.doy},yn.firstDayOfWeek=function(){return this._week.dow},yn.weekdays=function(e,t){var n=o(this._weekdays)?this._weekdays:this._weekdays[e&&!0!==e&&this._weekdays.isFormat.test(t)?"format":"standalone"];return!0===e?je(n,this._week.dow):e?n[e.day()]:n},yn.weekdaysMin=function(e){return!0===e?je(this._weekdaysMin,this._week.dow):e?this._weekdaysMin[e.day()]:this._weekdaysMin},yn.weekdaysShort=function(e){return!0===e?je(this._weekdaysShort,this._week.dow):e?this._weekdaysShort[e.day()]:this._weekdaysShort},yn.weekdaysParse=function(e,t,n){var s,i,r;if(this._weekdaysParseExact)return function(e,t,n){var s,i,r,a=e.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],s=0;s<7;++s)r=y([2e3,1]).day(s),this._minWeekdaysParse[s]=this.weekdaysMin(r,"").toLocaleLowerCase(),this._shortWeekdaysParse[s]=this.weekdaysShort(r,"").toLocaleLowerCase(),this._weekdaysParse[s]=this.weekdays(r,"").toLocaleLowerCase();return n?"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"dddd"===t?-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:"ddd"===t?-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:null:-1!==(i=Ye.call(this._minWeekdaysParse,a))?i:-1!==(i=Ye.call(this._weekdaysParse,a))?i:-1!==(i=Ye.call(this._shortWeekdaysParse,a))?i:null}.call(this,e,t,n);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),s=0;s<7;s++){if(i=y([2e3,1]).day(s),n&&!this._fullWeekdaysParse[s]&&(this._fullWeekdaysParse[s]=new RegExp("^"+this.weekdays(i,"").replace(".","\\.?")+"$","i"),this._shortWeekdaysParse[s]=new RegExp("^"+this.weekdaysShort(i,"").replace(".","\\.?")+"$","i"),this._minWeekdaysParse[s]=new RegExp("^"+this.weekdaysMin(i,"").replace(".","\\.?")+"$","i")),this._weekdaysParse[s]||(r="^"+this.weekdays(i,"")+"|^"+this.weekdaysShort(i,"")+"|^"+this.weekdaysMin(i,""),this._weekdaysParse[s]=new RegExp(r.replace(".",""),"i")),n&&"dddd"===t&&this._fullWeekdaysParse[s].test(e))return s;if(n&&"ddd"===t&&this._shortWeekdaysParse[s].test(e))return s;if(n&&"dd"===t&&this._minWeekdaysParse[s].test(e))return s;if(!n&&this._weekdaysParse[s].test(e))return s}},yn.weekdaysRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysStrictRegex:this._weekdaysRegex):(m(this,"_weekdaysRegex")||(this._weekdaysRegex=qe),this._weekdaysStrictRegex&&e?this._weekdaysStrictRegex:this._weekdaysRegex)},yn.weekdaysShortRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):(m(this,"_weekdaysShortRegex")||(this._weekdaysShortRegex=Je),this._weekdaysShortStrictRegex&&e?this._weekdaysShortStrictRegex:this._weekdaysShortRegex)},yn.weekdaysMinRegex=function(e){return this._weekdaysParseExact?(m(this,"_weekdaysRegex")||Qe.call(this),e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):(m(this,"_weekdaysMinRegex")||(this._weekdaysMinRegex=Be),this._weekdaysMinStrictRegex&&e?this._weekdaysMinStrictRegex:this._weekdaysMinRegex)},yn.isPM=function(e){return"p"===(e+"").toLowerCase().charAt(0)},yn.meridiem=function(e,t,n){return 11<e?n?"pm":"PM":n?"am":"AM"},ut("en",{dayOfMonthOrdinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(e){var t=e%10;return e+(1===D(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th")}}),c.lang=n("moment.lang is deprecated. Use moment.locale instead.",ut),c.langData=n("moment.langData is deprecated. Use moment.localeData instead.",ht);var wn=Math.abs;function Mn(e,t,n,s){var i=jt(t,n);return e._milliseconds+=s*i._milliseconds,e._days+=s*i._days,e._months+=s*i._months,e._bubble()}function kn(e){return e<0?Math.floor(e):Math.ceil(e)}function Sn(e){return 4800*e/146097}function Dn(e){return 146097*e/4800}function Yn(e){return function(){return this.as(e)}}var On=Yn("ms"),Tn=Yn("s"),bn=Yn("m"),xn=Yn("h"),Pn=Yn("d"),Wn=Yn("w"),Cn=Yn("M"),Hn=Yn("Q"),Rn=Yn("y");function Un(e){return function(){return this.isValid()?this._data[e]:NaN}}var Fn=Un("milliseconds"),Ln=Un("seconds"),Nn=Un("minutes"),Gn=Un("hours"),Vn=Un("days"),En=Un("months"),In=Un("years");var An=Math.round,jn={ss:44,s:45,m:45,h:22,d:26,M:11};var Zn=Math.abs;function zn(e){return(0<e)-(e<0)||+e}function $n(){if(!this.isValid())return this.localeData().invalidDate();var e,t,n=Zn(this._milliseconds)/1e3,s=Zn(this._days),i=Zn(this._months);t=S((e=S(n/60))/60),n%=60,e%=60;var r=S(i/12),a=i%=12,o=s,u=t,l=e,h=n?n.toFixed(3).replace(/\.?0+$/,""):"",d=this.asSeconds();if(!d)return"P0D";var c=d<0?"-":"",f=zn(this._months)!==zn(d)?"-":"",m=zn(this._days)!==zn(d)?"-":"",_=zn(this._milliseconds)!==zn(d)?"-":"";return c+"P"+(r?f+r+"Y":"")+(a?f+a+"M":"")+(o?m+o+"D":"")+(u||l||h?"T":"")+(u?_+u+"H":"")+(l?_+l+"M":"")+(h?_+h+"S":"")}var qn=Ht.prototype;return qn.isValid=function(){return this._isValid},qn.abs=function(){var e=this._data;return this._milliseconds=wn(this._milliseconds),this._days=wn(this._days),this._months=wn(this._months),e.milliseconds=wn(e.milliseconds),e.seconds=wn(e.seconds),e.minutes=wn(e.minutes),e.hours=wn(e.hours),e.months=wn(e.months),e.years=wn(e.years),this},qn.add=function(e,t){return Mn(this,e,t,1)},qn.subtract=function(e,t){return Mn(this,e,t,-1)},qn.as=function(e){if(!this.isValid())return NaN;var t,n,s=this._milliseconds;if("month"===(e=H(e))||"quarter"===e||"year"===e)switch(t=this._days+s/864e5,n=this._months+Sn(t),e){case"month":return n;case"quarter":return n/3;case"year":return n/12}else switch(t=this._days+Math.round(Dn(this._months)),e){case"week":return t/7+s/6048e5;case"day":return t+s/864e5;case"hour":return 24*t+s/36e5;case"minute":return 1440*t+s/6e4;case"second":return 86400*t+s/1e3;case"millisecond":return Math.floor(864e5*t)+s;default:throw new Error("Unknown unit "+e)}},qn.asMilliseconds=On,qn.asSeconds=Tn,qn.asMinutes=bn,qn.asHours=xn,qn.asDays=Pn,qn.asWeeks=Wn,qn.asMonths=Cn,qn.asQuarters=Hn,qn.asYears=Rn,qn.valueOf=function(){return this.isValid()?this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*D(this._months/12):NaN},qn._bubble=function(){var e,t,n,s,i,r=this._milliseconds,a=this._days,o=this._months,u=this._data;return 0<=r&&0<=a&&0<=o||r<=0&&a<=0&&o<=0||(r+=864e5*kn(Dn(o)+a),o=a=0),u.milliseconds=r%1e3,e=S(r/1e3),u.seconds=e%60,t=S(e/60),u.minutes=t%60,n=S(t/60),u.hours=n%24,o+=i=S(Sn(a+=S(n/24))),a-=kn(Dn(i)),s=S(o/12),o%=12,u.days=a,u.months=o,u.years=s,this},qn.clone=function(){return jt(this)},qn.get=function(e){return e=H(e),this.isValid()?this[e+"s"]():NaN},qn.milliseconds=Fn,qn.seconds=Ln,qn.minutes=Nn,qn.hours=Gn,qn.days=Vn,qn.weeks=function(){return S(this.days()/7)},qn.months=En,qn.years=In,qn.humanize=function(e){if(!this.isValid())return this.localeData().invalidDate();var t,n,s,i,r,a,o,u,l,h,d,c=this.localeData(),f=(n=!e,s=c,i=jt(t=this).abs(),r=An(i.as("s")),a=An(i.as("m")),o=An(i.as("h")),u=An(i.as("d")),l=An(i.as("M")),h=An(i.as("y")),(d=r<=jn.ss&&["s",r]||r<jn.s&&["ss",r]||a<=1&&["m"]||a<jn.m&&["mm",a]||o<=1&&["h"]||o<jn.h&&["hh",o]||u<=1&&["d"]||u<jn.d&&["dd",u]||l<=1&&["M"]||l<jn.M&&["MM",l]||h<=1&&["y"]||["yy",h])[2]=n,d[3]=0<+t,d[4]=s,function(e,t,n,s,i){return i.relativeTime(t||1,!!n,e,s)}.apply(null,d));return e&&(f=c.pastFuture(+this,f)),c.postformat(f)},qn.toISOString=$n,qn.toString=$n,qn.toJSON=$n,qn.locale=Xt,qn.localeData=en,qn.toIsoString=n("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",$n),qn.lang=Kt,I("X",0,0,"unix"),I("x",0,0,"valueOf"),ue("x",se),ue("X",/[+-]?\d+(\.\d{1,3})?/),ce("X",function(e,t,n){n._d=new Date(1e3*parseFloat(e,10))}),ce("x",function(e,t,n){n._d=new Date(D(e))}),c.version="2.24.0",e=bt,c.fn=mn,c.min=function(){return Wt("isBefore",[].slice.call(arguments,0))},c.max=function(){return Wt("isAfter",[].slice.call(arguments,0))},c.now=function(){return Date.now?Date.now():+new Date},c.utc=y,c.unix=function(e){return bt(1e3*e)},c.months=function(e,t){return vn(e,t,"months")},c.isDate=d,c.locale=ut,c.invalid=p,c.duration=jt,c.isMoment=k,c.weekdays=function(e,t,n){return pn(e,t,n,"weekdays")},c.parseZone=function(){return bt.apply(null,arguments).parseZone()},c.localeData=ht,c.isDuration=Rt,c.monthsShort=function(e,t){return vn(e,t,"monthsShort")},c.weekdaysMin=function(e,t,n){return pn(e,t,n,"weekdaysMin")},c.defineLocale=lt,c.updateLocale=function(e,t){if(null!=t){var n,s,i=st;null!=(s=ot(e))&&(i=s._config),(n=new P(t=x(i,t))).parentLocale=it[e],it[e]=n,ut(e)}else null!=it[e]&&(null!=it[e].parentLocale?it[e]=it[e].parentLocale:null!=it[e]&&delete it[e]);return it[e]},c.locales=function(){return s(it)},c.weekdaysShort=function(e,t,n){return pn(e,t,n,"weekdaysShort")},c.normalizeUnits=H,c.relativeTimeRounding=function(e){return void 0===e?An:"function"==typeof e&&(An=e,!0)},c.relativeTimeThreshold=function(e,t){return void 0!==jn[e]&&(void 0===t?jn[e]:(jn[e]=t,"s"===e&&(jn.ss=t-1),!0))},c.calendarFormat=function(e,t){var n=e.diff(t,"days",!0);return n<-6?"sameElse":n<-1?"lastWeek":n<0?"lastDay":n<1?"sameDay":n<2?"nextDay":n<7?"nextWeek":"sameElse"},c.prototype=mn,c.HTML5_FMT={DATETIME_LOCAL:"YYYY-MM-DDTHH:mm",DATETIME_LOCAL_SECONDS:"YYYY-MM-DDTHH:mm:ss",DATETIME_LOCAL_MS:"YYYY-MM-DDTHH:mm:ss.SSS",DATE:"YYYY-MM-DD",TIME:"HH:mm",TIME_SECONDS:"HH:mm:ss",TIME_MS:"HH:mm:ss.SSS",WEEK:"GGGG-[W]WW",MONTH:"YYYY-MM"},c});
\ No newline at end of file
diff --git a/package.json b/package.json
index 207ab0351..ca48f7493 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "@fullcalendar/timegrid": "4.3.0",
     "apexcharts": "3.12.0",
     "autosize": "4.0.2",
-    "bootstrap": "twbs/bootstrap#46f086c",
+    "bootstrap": "twbs/bootstrap#954a0b1",
     "countup.js": "2.0.4",
     "daterangepicker": "3.0.5",
     "fullcalendar": "3.10.1",

From ab91ac0f26e7d9a7867f285f0a3a0e0b91c6a76d Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 10 Jan 2020 23:33:10 +0100
Subject: [PATCH 19/33] input-group-flat

---
 pages/_docs/form-elements.md               |  2 +-
 pages/_includes/forms/form-elements-1.html |  1 +
 pages/_includes/forms/form-elements-2.html |  9 +++-
 pages/_includes/ui/form/input-group.html   |  2 +-
 scss/ui/_forms.scss                        | 61 ++++++++++++++++++++++
 5 files changed, 71 insertions(+), 4 deletions(-)

diff --git a/pages/_docs/form-elements.md b/pages/_docs/form-elements.md
index 895afd124..95566705c 100644
--- a/pages/_docs/form-elements.md
+++ b/pages/_docs/form-elements.md
@@ -184,7 +184,7 @@ bootstrap-link: components/forms/
 
 <div class="mb-2">
    <label class="form-label">Your vanity URL</label>
-   {% include ui/form/input-group.html prepend="https://example.com/users/" %}
+   {% include ui/form/input-group.html prepend="https://tabler.io/users/" %}
 </div>
 
 <div class="mb-2">
diff --git a/pages/_includes/forms/form-elements-1.html b/pages/_includes/forms/form-elements-1.html
index 1f2c13950..addd06123 100644
--- a/pages/_includes/forms/form-elements-1.html
+++ b/pages/_includes/forms/form-elements-1.html
@@ -4,6 +4,7 @@
 </div>
 <div class="mb-3">
    <label class="form-label">Text</label>
+   <div class="form-hint">Here's some more info.</div>
    <input type="text" class="form-control" name="example-text-input" placeholder="Text..">
 </div>
 <div class="mb-3">
diff --git a/pages/_includes/forms/form-elements-2.html b/pages/_includes/forms/form-elements-2.html
index bf31b4bbc..46a9be17a 100644
--- a/pages/_includes/forms/form-elements-2.html
+++ b/pages/_includes/forms/form-elements-2.html
@@ -9,8 +9,13 @@
 </div>
 
 <div class="mb-3">
-   <label class="form-label">Your vanity URL</label>
-   {% include ui/form/input-group.html prepend="https://example.com/users/" %}
+   <label class="form-label">Your custom URL</label>
+   {% include ui/form/input-group.html prepend="https://tabler.io/users/" class="input-group-flat" input-class="pl-0" %}
+</div>
+
+<div class="mb-3">
+   <label class="form-label">Your custom subdomain</label>
+   {% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" %}
 </div>
 
 <div class="mb-3">
diff --git a/pages/_includes/ui/form/input-group.html b/pages/_includes/ui/form/input-group.html
index 62aa16cfe..51d29f358 100644
--- a/pages/_includes/ui/form/input-group.html
+++ b/pages/_includes/ui/form/input-group.html
@@ -4,7 +4,7 @@
     <span class="input-group-text">{{ include.prepend }}</span>
   </div>
   {% endif %}
-  <input type="text" class="form-control"{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %}{% if include.placeholder %} value="{{ include.value }}"{% endif %}>
+  <input type="text" class="form-control{% if include.input-class %} {{ include.input-class }}{% endif %}"{% if include.placeholder %} placeholder="{{ include.placeholder }}"{% endif %}{% if include.placeholder %} value="{{ include.value }}"{% endif %}>
   {% if include.append %}
   <div class="input-group-append">
     <span class="input-group-text">{{ include.append }}</span>
diff --git a/scss/ui/_forms.scss b/scss/ui/_forms.scss
index 11b78db14..f16a05ffa 100644
--- a/scss/ui/_forms.scss
+++ b/scss/ui/_forms.scss
@@ -22,6 +22,19 @@ Form label
   font-size: $small-font-size ;
 }
 
+/**
+Form hint
+ */
+.form-hint {
+  font-size: $small-font-size;
+  color: $text-muted;
+  margin: 0 0 .5rem;
+
+  .form-label + & {
+    margin-top: -.75rem;
+  }
+}
+
 /**
 Form control
  */
@@ -113,3 +126,51 @@ Input group
  */
 .input-group-prepend .input-group-text { border-right: 0; }
 .input-group-append .input-group-text { border-left: 0; }
+
+.input-group-flat {
+  &:focus-within {
+    box-shadow: $input-focus-box-shadow;
+    border-radius: $input-border-radius;
+
+    .form-control,
+    .input-group-text {
+      border-color: $input-focus-border-color !important;
+    }
+  }
+
+  .form-control {
+    &:focus {
+      border-color: $input-border-color;
+      box-shadow: none;
+    }
+
+    &:not(:last-child) {
+      border-right: 0;
+    }
+
+    &:not(:first-child) {
+      border-left: 0;
+    }
+  }
+
+  .input-group-prepend {
+    margin-right: 0;
+
+    .input-group-text {
+      padding-right: 0;
+    }
+  }
+
+  .input-group-append {
+    margin-left: 0;
+
+    .input-group-text {
+      padding-left: 0;
+    }
+  }
+
+  .input-group-text {
+    background: transparent;
+    transition: $input-transition;
+  }
+}

From edad3ac020a790760bee05921c46736b19e402f2 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 11 Jan 2020 00:32:53 +0100
Subject: [PATCH 20/33] light sidebar fixes

---
 pages/_includes/forms/form-elements-2.html |  4 ++--
 pages/_includes/layout/sidebar.html        | 14 ++++++++++-
 pages/index.html                           |  1 +
 scss/layout/_layout.scss                   | 28 +++++++++++++++++-----
 4 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/pages/_includes/forms/form-elements-2.html b/pages/_includes/forms/form-elements-2.html
index 46a9be17a..bb7c97442 100644
--- a/pages/_includes/forms/form-elements-2.html
+++ b/pages/_includes/forms/form-elements-2.html
@@ -9,12 +9,12 @@
 </div>
 
 <div class="mb-3">
-   <label class="form-label">Your custom URL</label>
+   <label class="form-label">Input with prepended text</label>
    {% include ui/form/input-group.html prepend="https://tabler.io/users/" class="input-group-flat" input-class="pl-0" %}
 </div>
 
 <div class="mb-3">
-   <label class="form-label">Your custom subdomain</label>
+   <label class="form-label">Input with appended text</label>
    {% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" %}
 </div>
 
diff --git a/pages/_includes/layout/sidebar.html b/pages/_includes/layout/sidebar.html
index edc10a65e..e2caa8e5d 100644
--- a/pages/_includes/layout/sidebar.html
+++ b/pages/_includes/layout/sidebar.html
@@ -6,10 +6,22 @@
 		<div>
 			<!-- Sidebar menu -->
 			{% include layout/menu-aside.html %}
+
+			<div class="hide-sidebar-folded">
+				<hr>
+
+				<div class="text-muted">
+					<div class="mb-2">
+						<strong>160MB</strong> from <strong>2GB</strong> used.
+					</div>
+					{% include ui/progress.html percentage=30 size="sm" %}
+				</div>
+			</div>
 		</div>
 
-		<div class="mt-auto">
+		<div class="mt-auto hide-sidebar-folded">
 			{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
 		</div>
 	</div>
 </aside>
+
diff --git a/pages/index.html b/pages/index.html
index 401f49f16..516efda9c 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -4,6 +4,7 @@ page-title: Dashboard
 page-pretitle: Overview
 page-title-actions: buttons
 menu: home
+menu-layout: vertical
 ---
 
 {% include layout/homepage.html %}
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index 2a0ed87e0..938ac1dd3 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -9,10 +9,10 @@ $sidenav-breakpoint-show: 'sm';
 $sidenav-breakpoint-folded: 'lg';
 $sidenav-folded-item-height: 3.5rem;
 
-@mixin sidebar-folded($breakpoint-folded) {
+@mixin sidebar-folded($breakpoint-folded, $breakpoint-show: false) {
   @if $breakpoint-folded {
 
-    @include media-breakpoint-down($breakpoint-folded) {
+    @include media-breakpoint-between($breakpoint-show, $breakpoint-folded) {
       width: $sidenav-width-folded;
 
       .sidebar-brand {
@@ -104,6 +104,10 @@ $sidenav-folded-item-height: 3.5rem;
       .sidebar-nav-title {
         display: none;
       }
+
+      .hide-sidebar-folded {
+        display: none !important
+      }
     }
   }
 }
@@ -278,7 +282,7 @@ Sidebar
   display: flex;
   flex-direction: column;
 
-  @include sidebar-folded($sidenav-breakpoint-folded);
+  @include sidebar-folded($sidenav-breakpoint-folded, $sidenav-breakpoint-show);
   @include sidebar-show($sidenav-breakpoint-show);
 }
 
@@ -319,7 +323,7 @@ Sidebar
   display: flex;
   flex-direction: column;
   overflow-y: scroll;
-  @include scrollbar(true);
+  @include scrollbar;
 
   .sidebar-brand + & {
     margin-top: $navbar-height;
@@ -334,6 +338,7 @@ Sidebar menu
   padding: 0;
   list-style: none;
   user-select: none;
+  color: $text-muted;
 
   ul {
     margin: 0;
@@ -360,13 +365,13 @@ Sidebar menu
   &:hover {
     background-color: rgba(#fff, .02);
     text-decoration: none;
-    color: #ffffff !important;
+    color: $body-color !important;
     cursor: pointer !important;
   }
 
   &.active {
     opacity: 1;
-    color: #ffffff;
+    color: $body-color !important;
     box-shadow: inset 3px 0 $primary;
     background-color: rgba(#fff, .01);
   }
@@ -421,4 +426,15 @@ Sidebar dark
   .sidebar-brand {
     filter: brightness(0) invert(1);
   }
+
+  .sidebar-nav-link {
+    &:hover,
+    &.active {
+      color: $white !important;
+    }
+  }
+
+  .sidebar-content {
+    @include scrollbar(true);
+  }
 }

From ab6619386aecd1e631bc804a7e7668da839d78e2 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 19:05:43 +0100
Subject: [PATCH 21/33] dark mode improvements

---
 pages/_includes/layout/sidebar.html |  2 +-
 pages/tmp-dark.html                 | 34 +++++++++++++++++++++++++++++
 scss/_dark.scss                     | 16 +++-----------
 scss/_variables.scss                | 18 +++++++++------
 scss/layout/_layout.scss            |  2 +-
 scss/ui/_buttons.scss               |  7 ++++++
 6 files changed, 57 insertions(+), 22 deletions(-)
 create mode 100644 pages/tmp-dark.html

diff --git a/pages/_includes/layout/sidebar.html b/pages/_includes/layout/sidebar.html
index e2caa8e5d..dd42d40c3 100644
--- a/pages/_includes/layout/sidebar.html
+++ b/pages/_includes/layout/sidebar.html
@@ -19,7 +19,7 @@
 			</div>
 		</div>
 
-		<div class="mt-auto hide-sidebar-folded">
+		<div class="mt-auto hide-sidebar-folded pt-3">
 			{% include ui/button.html text="Logout" color="primary" icon="log-out" block=true %}
 		</div>
 	</div>
diff --git a/pages/tmp-dark.html b/pages/tmp-dark.html
new file mode 100644
index 000000000..6b52a4bef
--- /dev/null
+++ b/pages/tmp-dark.html
@@ -0,0 +1,34 @@
+---
+tmp: true
+page-title: Dark
+---
+
+<div class="row row-md">
+	{% for i in (0..1) %}
+		<div class="col py-4 {% if i > 0 %} theme-dark{% endif %}">
+			<div class="card m-0">
+				<header class="card-header">
+					<h3 class="card-title">Card title</h3>
+				</header>
+				<div class="card-body">
+					<h3>H3 header</h3>
+					<h4>H4 header</h4>
+					<h5>H5 header</h5>
+					<h6>H6 header</h6>
+					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus adipisci consectetur cupiditate, doloribus error ex expedita fuga incidunt laboriosam pariatur perferendis possimus praesentium quisquam reiciendis tempora ut! Cumque, fuga!</p>
+					{% include ui/progress.html value=60 size="sm" class="mb-3" %}
+					<div>
+						{% include ui/button.html color="primary" %}
+						{% include ui/button.html color="secondary" %}
+						{% include ui/button.html color="danger" %}
+						{% include ui/button.html color="success" %}
+						{% include ui/button.html color="warning" %}
+					</div>
+				</div>
+				<footer class="card-footer">
+					Card footer
+				</footer>
+			</div>
+		</div>
+	{% endfor %}
+</div>
diff --git a/scss/_dark.scss b/scss/_dark.scss
index c761c0c04..287d2d4ec 100644
--- a/scss/_dark.scss
+++ b/scss/_dark.scss
@@ -17,23 +17,13 @@ $dark-border-color: rgba($border-color, .01);
   .sidebar,
   .topbar {
     color: inherit;
-    background: rgba($white, .02);
-    border-color: $dark-border-color;
+    background: $dark;
   }
 
-  .progress,
   .form-control-light {
     background: $dark-border-color;
   }
 
-  .example,
-  .card-footer,
-  .card-header,
-  .table th, .markdown table th, .table td, .markdown table td,
-  .dropdown-menu {
-    border-color: $dark-border-color;
-  }
-
   .text-body {
     color: #afbdd1 !important;
   }
@@ -52,13 +42,13 @@ $dark-border-color: rgba($border-color, .01);
 }
 
 @media not print {
-  body.theme-dark {
+  .theme-dark {
     @include dark-mode;
   }
 }
 
 @media (prefers-color-scheme: dark) {
-  body.auto-theme-dark {
+  .auto-theme-dark {
     @include dark-mode;
   }
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 9392f6402..28d4da4d7 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -17,9 +17,11 @@ $light: #f5f7fb !default;
 $dark: #354052 !default;
 
 $light-black: rgba($dark, .4) !default;
+$light-mix: rgba(mix($light, $dark, 64%), .24) !default;
 $light-white: rgba($light, .4) !default;
-$min-black: rgba($dark, .02) !default;
-$min-white: rgba($light, .02) !default;
+
+$min-black: rgba($dark, .024) !default;
+$min-white: rgba($light, .024) !default;
 
 $gray-100: $light !default;
 $gray-200: mix($light, $dark, 98%) !default;
@@ -50,8 +52,10 @@ $body-bg: $light !default;
 $body-color: $dark !default;
 
 $text-muted: mix($body-color, #fff, 64%) !default;
-$border-color: rgba($body-color, .16) !default;
-$hover-bg: $gray-200 !default;
+$border-color: rgba(mix($body-color, #fff, 75%), .24) !default;
+
+
+$hover-bg: $light-white !default;
 $active-bg: rgba($blue, .06) !default;
 
 $primary: $blue !default;
@@ -150,8 +154,8 @@ $spacers: (
   1: $spacer * .25,
   2: $spacer * .5,
   3: $spacer,
-  4: $spacer * 1.25,
-  5: $spacer * 1.5,
+  4: $spacer * 1.5,
+  5: $spacer * 2,
   6: $spacer * 3,
   7: $spacer * 6,
   8: $spacer * 9,
@@ -308,7 +312,7 @@ $toast-header-color: $text-muted !default;
 $yiq-contrasted-threshold: 200 !default;
 
 //progress
-$progress-bg: $gray-200 !default;
+$progress-bg: $light-mix !default;
 $progress-height: .75rem !default;
 
 //ribbons
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index 938ac1dd3..35781c167 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -292,7 +292,7 @@ Sidebar
 
   line-height: $navbar-height;
   width: $sidenav-width;
-  position: fixed;
+  position: absolute;
   top: 0;
   left: 0;
 }
diff --git a/scss/ui/_buttons.scss b/scss/ui/_buttons.scss
index 6f514b7a6..688a865d5 100644
--- a/scss/ui/_buttons.scss
+++ b/scss/ui/_buttons.scss
@@ -1,6 +1,13 @@
 .btn-secondary {
   @include button-variant($white, $border-color, $dark);
   background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba($dark, .04) 100%);
+  box-shadow: none !important;
+
+  .bg-dark &,
+  .theme-dark & {
+    @include button-variant($min-white, $border-color, $light, rgba(0, 0, 0, 0), $border-color, $light);
+    background-image: none;
+  }
 }
 
 .btn-outlined-secondary {

From ffb7e1788b012a04ae7facec307002265ade1bdb Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 19:37:36 +0100
Subject: [PATCH 22/33] dark mode improvements

---
 _config.yml                 |  1 +
 pages/tmp-dark.html         | 21 ++++++++++++++++++++-
 scss/_dark.scss             | 20 ++++++++++++--------
 scss/_variables.scss        | 10 ++++++++--
 scss/mixins/_mixins.scss    |  7 +++++++
 scss/tabler-dark.scss       |  2 ++
 scss/tabler.scss            |  1 -
 scss/ui/_forms.scss         | 18 ++++++++++++------
 scss/vendor/_selectize.scss |  2 ++
 9 files changed, 64 insertions(+), 18 deletions(-)
 create mode 100644 scss/tabler-dark.scss

diff --git a/_config.yml b/_config.yml
index 841605b61..452e95813 100644
--- a/_config.yml
+++ b/_config.yml
@@ -20,6 +20,7 @@ tabler-plugins:
   - tabler-flags
   - tabler-payments
   - tabler-buttons
+  - tabler-dark
 
 exclude:
   - .jekyll-cache
diff --git a/pages/tmp-dark.html b/pages/tmp-dark.html
index 6b52a4bef..8450a0e10 100644
--- a/pages/tmp-dark.html
+++ b/pages/tmp-dark.html
@@ -17,13 +17,32 @@ page-title: Dark
 					<h6>H6 header</h6>
 					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus adipisci consectetur cupiditate, doloribus error ex expedita fuga incidunt laboriosam pariatur perferendis possimus praesentium quisquam reiciendis tempora ut! Cumque, fuga!</p>
 					{% include ui/progress.html value=60 size="sm" class="mb-3" %}
-					<div>
+					<div class="mb-3">
 						{% include ui/button.html color="primary" %}
 						{% include ui/button.html color="secondary" %}
 						{% include ui/button.html color="danger" %}
 						{% include ui/button.html color="success" %}
 						{% include ui/button.html color="warning" %}
 					</div>
+
+					<div class="mb-3">
+						<label class="form-label">Text</label>
+						<div class="form-hint">Here's some more info.</div>
+						<input type="text" class="form-control" name="example-text-input" placeholder="Text..">
+					</div>
+
+					{% include parts/input-color.html %}
+					{% include parts/input-checkboxes.html %}
+
+					<div class="mb-3">
+						<label class="form-label">Input with appended text</label>
+						{% include ui/form/input-group.html append=".tabler.io" input-class="text-right pr-0" class="input-group-flat" %}
+					</div>
+
+					<div class="mb-3">
+						<label class="form-label">Price</label>
+						{% include ui/form/input-group.html prepend="$" append=".00" %}
+					</div>
 				</div>
 				<footer class="card-footer">
 					Card footer
diff --git a/scss/_dark.scss b/scss/_dark.scss
index 287d2d4ec..98f4eddda 100644
--- a/scss/_dark.scss
+++ b/scss/_dark.scss
@@ -1,9 +1,5 @@
 // stylelint-disable declaration-no-important
 
-$dark-body-bg: #222935;
-$dark-body-color: #afbdd1;
-$dark-border-color: rgba($border-color, .01);
-
 @mixin dark-mode {
   &,
   .modal-content,
@@ -20,10 +16,6 @@ $dark-border-color: rgba($border-color, .01);
     background: $dark;
   }
 
-  .form-control-light {
-    background: $dark-border-color;
-  }
-
   .text-body {
     color: #afbdd1 !important;
   }
@@ -39,6 +31,18 @@ $dark-border-color: rgba($border-color, .01);
   .form-fieldset {
     border-color: transparent;
   }
+
+  .form-control,
+  .form-select,
+  .form-check-input:not(:checked) {
+    background: transparent;
+    border-color: $dark-border-color;
+    color: inherit;
+  }
+
+  .input-group-text {
+    border-color: $dark-border-color;
+  }
 }
 
 @media not print {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 28d4da4d7..69d911bde 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -54,10 +54,13 @@ $body-color: $dark !default;
 $text-muted: mix($body-color, #fff, 64%) !default;
 $border-color: rgba(mix($body-color, #fff, 75%), .24) !default;
 
-
 $hover-bg: $light-white !default;
 $active-bg: rgba($blue, .06) !default;
 
+$dark-body-bg: #222935 !default;
+$dark-body-color: #afbdd1 !default;
+$dark-border-color: rgba($dark-body-color, .4) !default;
+
 $primary: $blue !default;
 $secondary: $text-muted !default;
 $success: $green !default;
@@ -219,7 +222,10 @@ $input-btn-padding-y-lg: .5rem !default;
 $input-height: null !default;
 $input-height-sm: null !default;
 $input-height-lg: null !default;
+$input-color: inherit !default;
+$input-focus-color: inherit !default;
 
+//buttons
 $btn-padding-x: 1rem !default;
 $btn-font-weight: 500 !default;
 $btn-border-radius: 3px !default;
@@ -326,7 +332,7 @@ $input-disabled-bg: $gray-100 !default;
 $input-border-color: $border-color !default;
 $input-placeholder-color: $text-muted !default;
 
-$input-group-addon-bg: $gray-100 !default;
+$input-group-addon-bg: $min-white !default;
 $input-group-addon-color: $text-muted !default;
 
 $dropdown-border-color: $border-color !default;
diff --git a/scss/mixins/_mixins.scss b/scss/mixins/_mixins.scss
index 9e63baae1..5b547fd26 100644
--- a/scss/mixins/_mixins.scss
+++ b/scss/mixins/_mixins.scss
@@ -36,3 +36,10 @@
     }
   }
 }
+
+@mixin dark {
+  .bg-dark &,
+  .theme-dark & {
+    @content;
+  }
+}
diff --git a/scss/tabler-dark.scss b/scss/tabler-dark.scss
new file mode 100644
index 000000000..de677c5e8
--- /dev/null
+++ b/scss/tabler-dark.scss
@@ -0,0 +1,2 @@
+@import "config";
+@import "dark";
diff --git a/scss/tabler.scss b/scss/tabler.scss
index 058ac95ed..3b95859d3 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -69,7 +69,6 @@
 @import "utils/opacity";
 @import "utils/shadow";
 
-@import "dark";
 @import "rtl";
 
 @import "debug";
diff --git a/scss/ui/_forms.scss b/scss/ui/_forms.scss
index f16a05ffa..7f695a8b8 100644
--- a/scss/ui/_forms.scss
+++ b/scss/ui/_forms.scss
@@ -19,7 +19,7 @@ Form label
   font-weight: $font-weight-normal;
   color: $text-muted;
   line-height: $line-height-base * (100%/$small-font-size);
-  font-size: $small-font-size ;
+  font-size: $small-font-size;
 }
 
 /**
@@ -40,7 +40,7 @@ Form control
  */
 .form-control {
   &:-webkit-autofill {
-    box-shadow: 0 0 0 1000px #fff inset;
+    box-shadow: 0 0 0 1000px #ffffff inset;
   }
 
   &:disabled,
@@ -48,7 +48,8 @@ Form control
     color: $text-muted;
     user-select: none;
   }
-  &[size]{
+
+  &[size] {
     width: auto;
   }
 }
@@ -101,7 +102,7 @@ Form help
 
   &:hover,
   &[aria-describedby] {
-    color: #fff;
+    color: #ffffff;
     background: $primary;
   }
 }
@@ -124,8 +125,13 @@ Form switch
 /**
 Input group
  */
-.input-group-prepend .input-group-text { border-right: 0; }
-.input-group-append .input-group-text { border-left: 0; }
+.input-group-prepend .input-group-text {
+  border-right: 0;
+}
+
+.input-group-append .input-group-text {
+  border-left: 0;
+}
 
 .input-group-flat {
   &:focus-within {
diff --git a/scss/vendor/_selectize.scss b/scss/vendor/_selectize.scss
index 681f43d00..c1dd1a5e4 100644
--- a/scss/vendor/_selectize.scss
+++ b/scss/vendor/_selectize.scss
@@ -20,6 +20,8 @@
   font-size: $input-font-size;
   box-shadow: none;
   line-height: $input-line-height;
+  background-color: inherit !important;
+  color: inherit !important;
 
   .selectize-control.single & {
     background: $form-select-bg escape-svg($form-select-indicator) $form-select-background;

From 5eb1016bf320e621fdfd6835c4b1661e21ea898a Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 19:39:19 +0100
Subject: [PATCH 23/33] indent fixes

---
 build/banner.js             |  4 +--
 build/browsersync.js        | 52 +++++++++++++--------------
 build/capture-components.sh |  5 ++-
 build/copy-libs.js          | 18 +++++-----
 build/postcss.config.js     | 24 ++++++-------
 build/rollup.config.js      | 51 +++++++++++++--------------
 build/scss-compile.js       | 70 ++++++++++++++++++-------------------
 build/unused-files.js       | 24 ++++++-------
 8 files changed, 122 insertions(+), 126 deletions(-)

diff --git a/build/banner.js b/build/banner.js
index c29b10f61..611e2b019 100644
--- a/build/banner.js
+++ b/build/banner.js
@@ -8,10 +8,10 @@
 'use strict';
 
 const pkg = require('../package.json'),
-  year = new Date().getFullYear();
+	year = new Date().getFullYear();
 
 function getBanner(pluginFilename) {
-  return `/*!
+	return `/*!
   * Tabler${pluginFilename ? ` ${pluginFilename}` : ''} v${pkg.version} (${pkg.homepage})
   * Copyright 2018-${year} ${pkg.author}
   * Licensed under ${pkg.license} (https://github.com/tabler/tabler/blob/master/LICENSE)
diff --git a/build/browsersync.js b/build/browsersync.js
index 86c38c0d4..d8d735fe1 100755
--- a/build/browsersync.js
+++ b/build/browsersync.js
@@ -8,30 +8,30 @@
 const bs = require('browser-sync').create();
 
 bs.init({
-  watch: true,
-  server: {
-    routes: {
-      '/': 'tmp',
-      '/dist': 'tmp-dist',
-      '/libs': 'static/libs',
-      '/tmp-dist/img': 'img',
-      '/static': 'static',
-      '/node_modules': 'node_modules',
-    },
-  },
-  files: ['tmp/**/*', 'tmp-dist/css/*.css', 'tmp-dist/js/*.js', 'tmp-dist/img/*.svg'],
-  watchOptions: {
-    ignoreInitial: true,
-  },
-  reloadDelay: 1000,
-  notify: false,
-  open: false,
-  snippetOptions: {
-    rule: {
-      match: /<\/head>/i,
-      fn: function (snippet, match) {
-        return snippet + match;
-      }
-    }
-  }
+	watch: true,
+	server: {
+		routes: {
+			'/': 'tmp',
+			'/dist': 'tmp-dist',
+			'/libs': 'static/libs',
+			'/tmp-dist/img': 'img',
+			'/static': 'static',
+			'/node_modules': 'node_modules',
+		},
+	},
+	files: ['tmp/**/*', 'tmp-dist/css/*.css', 'tmp-dist/js/*.js', 'tmp-dist/img/*.svg'],
+	watchOptions: {
+		ignoreInitial: true,
+	},
+	reloadDelay: 1000,
+	notify: false,
+	open: false,
+	snippetOptions: {
+		rule: {
+			match: /<\/head>/i,
+			fn: function (snippet, match) {
+				return snippet + match;
+			}
+		}
+	}
 });
diff --git a/build/capture-components.sh b/build/capture-components.sh
index aa4c1f33f..6b160b652 100755
--- a/build/capture-components.sh
+++ b/build/capture-components.sh
@@ -1,12 +1,11 @@
 rm -rf ../static/img/components/*
 
-for file in ../pages/_components/*.html
-do
+for file in ../pages/_components/*.html; do
   file="$(basename -- $file)"
   file="${file%.html}"
   url="http://localhost:3001/components/$file.html"
   echo $url
 
-  capture-website $url --element="#component-wrapper" --scale-factor=2 > ../static/img/components/$file.png
+  capture-website $url --element="#component-wrapper" --scale-factor=2 >../static/img/components/$file.png
   convert ../static/img/components/$file.png -gravity Center -crop 1648x824-0-0! -background "#F5F7FB" -flatten +repage -resize 1280x640 ../static/img/components/$file.png
 done
diff --git a/build/copy-libs.js b/build/copy-libs.js
index af64242b8..1ad991943 100755
--- a/build/copy-libs.js
+++ b/build/copy-libs.js
@@ -1,8 +1,8 @@
 if (!Array.prototype.flat) {
 	Object.defineProperty(Array.prototype, 'flat', {
-		value: function(depth = 1) {
+		value: function (depth = 1) {
 			return this.reduce(function (flat, toFlatten) {
-				return flat.concat((Array.isArray(toFlatten) && (depth>1)) ? toFlatten.flat(depth-1) : toFlatten);
+				return flat.concat((Array.isArray(toFlatten) && (depth > 1)) ? toFlatten.flat(depth - 1) : toFlatten);
 			}, []);
 		}
 	});
@@ -10,24 +10,24 @@ if (!Array.prototype.flat) {
 
 
 const all_libs = require('../pages/_data/libs'),
-  path = require('path'),
-  { exec } = require('child_process');
+	path = require('path'),
+	{ exec } = require('child_process');
 
 let files = [];
 
 Object.keys(all_libs.js).forEach(function (lib) {
-  files.push(Array.isArray(all_libs.js[lib]) ? all_libs.js[lib] : [all_libs.js[lib]]);
+	files.push(Array.isArray(all_libs.js[lib]) ? all_libs.js[lib] : [all_libs.js[lib]]);
 });
 
 Object.keys(all_libs.css).forEach(function (lib) {
-  files.push(Array.isArray(all_libs.css[lib]) ? all_libs.css[lib] : [all_libs.css[lib]]);
+	files.push(Array.isArray(all_libs.css[lib]) ? all_libs.css[lib] : [all_libs.css[lib]]);
 });
 
 files = files.flat();
 
 files.forEach(function (file) {
-  let dirname = path.dirname(file).replace('@', '');
-  let cmd = `mkdir -p "dist/libs/${dirname}" && cp -r node_modules/${file} dist/libs/${file.replace('@', '')}`;
+	let dirname = path.dirname(file).replace('@', '');
+	let cmd = `mkdir -p "dist/libs/${dirname}" && cp -r node_modules/${file} dist/libs/${file.replace('@', '')}`;
 
-  exec(cmd)
+	exec(cmd)
 });
diff --git a/build/postcss.config.js b/build/postcss.config.js
index 8e43ebeed..97c8cb9fe 100644
--- a/build/postcss.config.js
+++ b/build/postcss.config.js
@@ -8,17 +8,15 @@
 'use strict';
 
 module.exports = ctx => ({
-  map: ctx.file.dirname.includes('examples') ?
-    false :
-    {
-      inline: false,
-      annotation: true,
-      sourcesContent: true
-    },
-  plugins: {
-    autoprefixer: {
-      cascade: false,
-      grid: "autoplace"
-    }
-  }
+	map: {
+		inline: false,
+		annotation: true,
+		sourcesContent: true
+	},
+	plugins: {
+		autoprefixer: {
+			cascade: false,
+			grid: "autoplace"
+		}
+	}
 });
diff --git a/build/rollup.config.js b/build/rollup.config.js
index f7ec051b2..a15cc320c 100644
--- a/build/rollup.config.js
+++ b/build/rollup.config.js
@@ -7,7 +7,7 @@
 
 'use strict';
 
-const BUNDLE  = process.env.BUNDLE === 'true';
+const BUNDLE = process.env.BUNDLE === 'true';
 const dir = BUNDLE ? 'dist' : 'tmp-dist';
 
 import path from 'path';
@@ -17,38 +17,37 @@ import minify from 'rollup-plugin-babel-minify';
 import commonjs from 'rollup-plugin-commonjs';
 
 const fileDest = 'tabler',
-  banner = require('./banner');
+	banner = require('./banner');
 
 let plugins = [
-  resolve(),
-  commonjs()
+	resolve(),
+	commonjs()
 ];
 
 if (BUNDLE) {
-  plugins = plugins.concat([
-    babel({
-      exclude: 'node_modules/**'
-    }),
-    minify({
-      comments: false
-    })
-  ]);
+	plugins = plugins.concat([
+		babel({
+			exclude: 'node_modules/**'
+		}),
+		minify({
+			comments: false
+		})
+	]);
 }
 
 
-
 module.exports = {
-  context: "window",
-  input: {
-    tabler: path.resolve(__dirname, '../js/tabler.js'),
-    // 'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js'),
-  },
-  output: {
-    banner,
-    // name: 'tabler',
-    dir: path.resolve(__dirname, `../${dir}/js/`),
-    entryFileNames: BUNDLE ? '[name].min.js' : '[name].js',
-    format: 'cjs'
-  },
-  plugins,
+	context: "window",
+	input: {
+		tabler: path.resolve(__dirname, '../js/tabler.js'),
+		// 'tabler-charts': path.resolve(__dirname, '../js/tabler-charts.js'),
+	},
+	output: {
+		banner,
+		// name: 'tabler',
+		dir: path.resolve(__dirname, `../${dir}/js/`),
+		entryFileNames: BUNDLE ? '[name].min.js' : '[name].js',
+		format: 'cjs'
+	},
+	plugins,
 };
diff --git a/build/scss-compile.js b/build/scss-compile.js
index 802da3c8d..ced1cb88c 100644
--- a/build/scss-compile.js
+++ b/build/scss-compile.js
@@ -5,46 +5,46 @@
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  */
 
-const BUNDLE  = process.env.BUNDLE === 'true';
+const BUNDLE = process.env.BUNDLE === 'true';
 
 const path = require('path'),
-  glob = require("glob"),
-  fs = require("fs"),
-  sass = require("node-sass"),
-  packageImporter = require('node-sass-package-importer');
+	glob = require("glob"),
+	fs = require("fs"),
+	sass = require("node-sass"),
+	packageImporter = require('node-sass-package-importer');
 
 const dir = BUNDLE ? 'dist' : 'tmp-dist';
 
 glob("scss/tabler*.scss", {}, function (er, files) {
-  files.forEach(function(file){
-    var basename = path.basename(file, '.scss');
-    
-    sass.render(
-      {
-        file: file,
-        outFile: `${dir}/css/${basename}.css`,
-        sourceMap: true,
-        sourceMapContents: true,
-        precision: 7,
-        importer: packageImporter()
-      },
-      (error, result) => {
-        if (!error) {
-          fs.writeFile(`${dir}/css/${basename}.css`, result.css, error => {
-            if (error) {
-              console.log(error);
-            }
-          });
+	files.forEach(function (file) {
+		var basename = path.basename(file, '.scss');
 
-          fs.writeFile(`${dir}/css/${basename}.css.map`, result.map, error => {
-            if (error) {
-              console.log(error);
-            }
-          });
-        } else {
-          throw error;
-        }
-      }
-    );
-  });
+		sass.render(
+			{
+				file: file,
+				outFile: `${dir}/css/${basename}.css`,
+				sourceMap: true,
+				sourceMapContents: true,
+				precision: 7,
+				importer: packageImporter()
+			},
+			(error, result) => {
+				if (!error) {
+					fs.writeFile(`${dir}/css/${basename}.css`, result.css, error => {
+						if (error) {
+							console.log(error);
+						}
+					});
+
+					fs.writeFile(`${dir}/css/${basename}.css.map`, result.map, error => {
+						if (error) {
+							console.log(error);
+						}
+					});
+				} else {
+					throw error;
+				}
+			}
+		);
+	});
 });
diff --git a/build/unused-files.js b/build/unused-files.js
index f4884e930..2c37bb616 100644
--- a/build/unused-files.js
+++ b/build/unused-files.js
@@ -1,26 +1,26 @@
 const glob = require("glob"),
-  fs = require("fs");
+	fs = require("fs");
 
 let foundFiles = [];
 
 glob.sync("pages/**/*.{html,md}").forEach(function (file) {
-  let fileContent = fs.readFileSync(file);
+	let fileContent = fs.readFileSync(file);
 
-  fileContent.toString().replace(/\{% include(_cached)? ([a-z0-9\/_-]+\.html)/g, function(f, c, filename){
-    filename = 'pages/_includes/' + filename;
+	fileContent.toString().replace(/\{% include(_cached)? ([a-z0-9\/_-]+\.html)/g, function (f, c, filename) {
+		filename = 'pages/_includes/' + filename;
 
-    if(!foundFiles.includes(filename)) {
-      foundFiles.push(filename);
-    }
-  });
+		if (!foundFiles.includes(filename)) {
+			foundFiles.push(filename);
+		}
+	});
 });
 
 let includeFiles = glob.sync("pages/_includes/**/*.html");
 
-includeFiles.forEach(function(file){
-  if(! foundFiles.includes(file)) {
-    console.log('file', file);
-  }
+includeFiles.forEach(function (file) {
+	if (!foundFiles.includes(file)) {
+		console.log('file', file);
+	}
 });
 
 // console.log('foundFiles', foundFiles);

From 6b188d9ed0457c8bb7f8b715abef2307a0904664 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 20:10:40 +0100
Subject: [PATCH 24/33] rtl plugin

---
 _config.yml          | 1 +
 package.json         | 2 +-
 pages/tmp-dark.html  | 2 ++
 scss/_variables.scss | 4 +++-
 scss/tabler-rtl.scss | 2 ++
 5 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 scss/tabler-rtl.scss

diff --git a/_config.yml b/_config.yml
index 452e95813..c8869170c 100644
--- a/_config.yml
+++ b/_config.yml
@@ -21,6 +21,7 @@ tabler-plugins:
   - tabler-payments
   - tabler-buttons
   - tabler-dark
+  - tabler-rtl
 
 exclude:
   - .jekyll-cache
diff --git a/package.json b/package.json
index ca48f7493..6bde7d798 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "lint": "npm-run-all --parallel js-lint css-lint",
     "clean": "rm -rf tmp-dist && mkdir tmp-dist && mkdir tmp-dist/css && mkdir tmp-dist/js",
     "clean-build": "rm -rf dist && mkdir dist && mkdir dist/css && mkdir dist/js && mkdir dist/img",
-    "css": "npm-run-all css-compile css-prefix css-minify",
+    "css": "npm-run-all css-compile",
     "css-build": "npm-run-all css-compile css-prefix-build css-minify-build",
     "css-compile": "node build/scss-compile.js",
     "css-prefix": "postcss --config build/postcss.config.js --replace \"tmp-dist/css/*.css\" \"!tmp-dist/css/*.min.css\"",
diff --git a/pages/tmp-dark.html b/pages/tmp-dark.html
index 8450a0e10..53b5372fb 100644
--- a/pages/tmp-dark.html
+++ b/pages/tmp-dark.html
@@ -31,6 +31,8 @@ page-title: Dark
 						<input type="text" class="form-control" name="example-text-input" placeholder="Text..">
 					</div>
 
+					{% include parts/select.html %}
+
 					{% include parts/input-color.html %}
 					{% include parts/input-checkboxes.html %}
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 69d911bde..a581fa7d1 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -41,7 +41,7 @@ $pink: #f66d9b !default;
 $red: #fa4654 !default;
 $orange: #ff922b !default;
 $yellow: #fab005 !default;
-$lime: #7bd235 !default;
+$lime: #94d82d !default;
 $green: #5eba00 !default;
 $teal: #2bcbba !default;
 $cyan: #17a2b8 !default;
@@ -350,6 +350,8 @@ $form-check-input-checked-bg-size: .8rem !default;
 
 $form-check-input-checked-border-color: $border-color !default;
 
+$form-select-indicator-color: $border-color !default;
+
 $form-switch-width: 1.75rem !default;
 $form-switch-padding-left: $form-switch-width + .5rem !default;
 
diff --git a/scss/tabler-rtl.scss b/scss/tabler-rtl.scss
new file mode 100644
index 000000000..a2759e97c
--- /dev/null
+++ b/scss/tabler-rtl.scss
@@ -0,0 +1,2 @@
+@import "config";
+@import "rtl";

From 86a22f64234faf3a0cec71623483f6c6aa983808 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 21:08:07 +0100
Subject: [PATCH 25/33] dark theme fix

---
 scss/_dark.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scss/_dark.scss b/scss/_dark.scss
index 98f4eddda..d964f8e3f 100644
--- a/scss/_dark.scss
+++ b/scss/_dark.scss
@@ -51,7 +51,7 @@
   }
 }
 
-@media (prefers-color-scheme: dark) {
+@media not print and (prefers-color-scheme: dark) {
   .auto-theme-dark {
     @include dark-mode;
   }

From 7cc0b87e1e1eb4e843b9dfb55e3695d553890399 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 21:12:10 +0100
Subject: [PATCH 26/33] build fixes

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6bde7d798..033e09b65 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "css-minify": "for i in tmp-dist/css/tabler*.css;do echo $i; N=`echo $i | sed -e 's/^dist\\/css\\///g' | sed -e 's/\\\\.css//g'`; echo $N; cleancss --level 1 --format breakWith=lf --source-map --source-map-inline-sources --output tmp-dist/css/$N.min.css tmp-dist/css/$N.css; done",
     "css-minify-build": "for i in dist/css/tabler*.css;do echo $i; N=`echo $i | sed -e 's/^dist\\/css\\///g' | sed -e 's/\\\\.css//g'`; echo $N; cleancss --level 1 --format breakWith=lf --source-map --source-map-inline-sources --output dist/css/$N.min.css dist/css/$N.css; done",
     "css-lint": "stylelint \"scss/**/*.scss\" --cache --cache-location .cache/.stylelintcache",
-    "css-main": "npm-run-all css-compile css-prefix",
+    "css-main": "npm-run-all css-compile",
     "css-main-build": "npm-run-all css-lint css-compile css-prefix-build css-minify",
     "watch": "npm-run-all --parallel watch-css watch-js watch-html",
     "watch-incremental": "npm-run-all --parallel watch-css watch-js watch-html-incremental",

From daec3d43f5241f31dabd436f8bf261b8791071b5 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 21:53:20 +0100
Subject: [PATCH 27/33] lists, page title fixes

---
 package.json           |  2 +-
 pages/_data/menu.yml   |  3 +++
 pages/lists.html       | 15 +++++++++++++++
 pages/tmp.html         | 24 +++++++++---------------
 scss/layout/_page.scss |  2 +-
 5 files changed, 29 insertions(+), 17 deletions(-)
 create mode 100644 pages/lists.html

diff --git a/package.json b/package.json
index 033e09b65..6bde7d798 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "css-minify": "for i in tmp-dist/css/tabler*.css;do echo $i; N=`echo $i | sed -e 's/^dist\\/css\\///g' | sed -e 's/\\\\.css//g'`; echo $N; cleancss --level 1 --format breakWith=lf --source-map --source-map-inline-sources --output tmp-dist/css/$N.min.css tmp-dist/css/$N.css; done",
     "css-minify-build": "for i in dist/css/tabler*.css;do echo $i; N=`echo $i | sed -e 's/^dist\\/css\\///g' | sed -e 's/\\\\.css//g'`; echo $N; cleancss --level 1 --format breakWith=lf --source-map --source-map-inline-sources --output dist/css/$N.min.css dist/css/$N.css; done",
     "css-lint": "stylelint \"scss/**/*.scss\" --cache --cache-location .cache/.stylelintcache",
-    "css-main": "npm-run-all css-compile",
+    "css-main": "npm-run-all css-compile css-prefix",
     "css-main-build": "npm-run-all css-lint css-compile css-prefix-build css-minify",
     "watch": "npm-run-all --parallel watch-css watch-js watch-html",
     "watch-incremental": "npm-run-all --parallel watch-css watch-js watch-html-incremental",
diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index a8e13a7d2..c23ebfd74 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -31,6 +31,9 @@ base:
     carousel:
       title: Carousel
       url: carousel.html
+    lists:
+      title: Lists
+      url: lists.html
     users:
       title: Users
       url: users.html
diff --git a/pages/lists.html b/pages/lists.html
new file mode 100644
index 000000000..23653e6cc
--- /dev/null
+++ b/pages/lists.html
@@ -0,0 +1,15 @@
+---
+menu: base.lists
+title: Lists
+page-title: Lists
+---
+
+<div class="row">
+	<div class="col-md-6">
+		{% include cards/users-list-2.html %}
+		{% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
+	</div>
+	<div class="col-md-6">
+		{% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
+	</div>
+</div>
diff --git a/pages/tmp.html b/pages/tmp.html
index 00dc727aa..74d7be67f 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -4,6 +4,14 @@ menu: a.b.c
 ---
 
 <div class="row">
+	<div class="col-md-6 col-xl-4">
+		{% assign person = site.data.people[0] %}
+		<div class="card">
+			<div class="card-body">
+				<h3 class="card-title">{{ person.full_name }}</h3>
+			</div>
+		</div>
+	</div>
 	<div class="col-md-6 col-xl-4">
 		{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
 	</div>
@@ -11,20 +19,6 @@ menu: a.b.c
 		{% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
 	</div>
 
-	{% for chart in site.data.charts %}
-	{% if chart[1].demo %}
-	<div class="col-md-6 col-xl-4">
-		<div class="card">
-			<div class="card-body">
-				{% assign chart-id = chart[0] %}
-				<p>{{ chart-id }}</p>
-				{% include ui/chart.html chart-id=chart-id height=15 %}
-			</div>
-		</div>
-	</div>
-	{% endif %}
-	{% endfor %}
-
 	<div class="col-12">
 		<div class="card">
 			<div class="card-body">
@@ -67,4 +61,4 @@ menu: a.b.c
          </div>
       </div>
    </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/scss/layout/_page.scss b/scss/layout/_page.scss
index ddb9239c0..5370d86b5 100644
--- a/scss/layout/_page.scss
+++ b/scss/layout/_page.scss
@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   min-height: 2.25rem;
-  margin: .25rem 0 $card-spacer-y;
+  margin: -.25rem 0 $card-spacer-y;
 
   >* {
     flex: 1;

From 429d953ab2c6fe95e7e2423f4d4f898e54ef6825 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 21:57:09 +0100
Subject: [PATCH 28/33] charts component

---
 pages/charts.html | 10 ++++++++++
 pages/tmp.html    | 18 +-----------------
 2 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/pages/charts.html b/pages/charts.html
index d04d73415..c572ecc7e 100644
--- a/pages/charts.html
+++ b/pages/charts.html
@@ -5,6 +5,14 @@ menu: charts
 ---
 
 <div class="row">
+   <div class="col-12">
+      <div class="card">
+         <div class="card-body">
+            {% include ui/chart.html chart-id="tasks-overview" height=20 %}
+         </div>
+      </div>
+   </div>
+
    {% for chart in site.data.charts %}
    {% if chart[1].demo %}
    {% assign chart-id = chart[0] %}
@@ -22,4 +30,6 @@ menu: charts
    </div>
    {% endif %}
    {% endfor %}
+
+
 </div>
diff --git a/pages/tmp.html b/pages/tmp.html
index 74d7be67f..05764946c 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -11,21 +11,9 @@ menu: a.b.c
 				<h3 class="card-title">{{ person.full_name }}</h3>
 			</div>
 		</div>
-	</div>
-	<div class="col-md-6 col-xl-4">
-		{% include cards/small-stats.html chart-type="bar" chart-data="20,40,30,40,60,80,70" color="red" icon="heart" %}
-	</div>
-	<div class="col-md-6 col-xl-4">
-		{% include cards/small-stats.html chart-type="bar" chart-data="5,8,2,5,-1,3,5,3" color="blue" icon="heart" %}
+		{% include cards/user-info.html %}
 	</div>
 
-	<div class="col-12">
-		<div class="card">
-			<div class="card-body">
-				{% include ui/chart.html chart-id="tasks-overview" height=20 %}
-			</div>
-		</div>
-	</div>
 	<div class="col-4">
 		{% include cards/charts/total-sales.html %}
 	</div>
@@ -33,8 +21,6 @@ menu: a.b.c
 </div>
 <div class="row">
 	<div class="col-md-6">
-		{% include cards/user-info.html %}
-		{% include cards/users-list-2.html %}
 
 		<div class="card">
 			<div class="card-body">
@@ -48,8 +34,6 @@ menu: a.b.c
 		</div>
 	</div>
 	<div class="col-md-6">
-		{% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
-		{% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
 	</div>
 </div>
 <div class="row">

From c76f1dd184183b718be34615daed4f210e629852 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 12 Jan 2020 22:42:06 +0100
Subject: [PATCH 29/33] profile cards

---
 pages/_data/menu.yml               |  3 +++
 pages/_includes/cards/profile.html |  5 +----
 pages/snippets.html                |  1 +
 pages/tmp.html                     |  9 +++++++--
 scss/_variables.scss               | 11 +++++++++--
 scss/ui/_cards.scss                | 24 ++++++++++--------------
 scss/utils/_background.scss        |  6 ++++++
 7 files changed, 37 insertions(+), 22 deletions(-)

diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index c23ebfd74..f94527110 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -106,6 +106,9 @@ extra:
     blog:
       title: Blog cards
       url: blog.html
+    snippets:
+      title: Snippets
+      url: snippets.html
     search-results:
       title: Search results
       url: search-results.html
diff --git a/pages/_includes/cards/profile.html b/pages/_includes/cards/profile.html
index 1f8db961e..f5c91b63f 100644
--- a/pages/_includes/cards/profile.html
+++ b/pages/_includes/cards/profile.html
@@ -1,8 +1,5 @@
-<div class="card card-profile">
-   <div class="card-header" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[22].file }});"></div>
+<div class="card">
    <div class="card-body text-center">
-      <img class="card-profile-img" src="{{ site.data.people[4].photo }}">
-
       <h2 class="mb-3">{{ site.data.people[4].first_name }} {{ site.data.people[4].last_name }}</h2>
 
       <p class="mb-4">
diff --git a/pages/snippets.html b/pages/snippets.html
index 07674534c..0b23f02cf 100644
--- a/pages/snippets.html
+++ b/pages/snippets.html
@@ -2,6 +2,7 @@
 title: Snippets
 page-title: Snippets
 page-title-right: date
+menu: extra.snippets
 ---
 
 <div class="row">
diff --git a/pages/tmp.html b/pages/tmp.html
index 05764946c..d3ec2b384 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -7,8 +7,13 @@ menu: a.b.c
 	<div class="col-md-6 col-xl-4">
 		{% assign person = site.data.people[0] %}
 		<div class="card">
-			<div class="card-body">
-				<h3 class="card-title">{{ person.full_name }}</h3>
+			<div class="card-img-top embed-responsive embed-responsive-21by9">
+				<div class="embed-responsive-item bg-cover" style="background-image: url({{ site.base }}/static/photos/{{ site.data.photos[8].file }})"></div>
+			</div>
+			{% include ui/avatar.html person=person size="xl" class="mt-n5 mx-auto card-avatar" %}
+			<div class="card-body text-center">
+				<h2 class="mb-3">{{ person.full_name }}</h2>
+				<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aperiam atque autem consectetur dignissimos ea error exercitationem id, maxime minus mollitia nulla quasi quia quisquam sed tempora ut voluptas, voluptatem!</p>
 			</div>
 		</div>
 		{% include cards/user-info.html %}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index a581fa7d1..e5bf625a3 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -158,8 +158,8 @@ $spacers: (
   2: $spacer * .5,
   3: $spacer,
   4: $spacer * 1.5,
-  5: $spacer * 2,
-  6: $spacer * 3,
+  5: $spacer * 3,
+  6: $spacer * 4.5,
   7: $spacer * 6,
   8: $spacer * 9,
   9: $spacer * 12,
@@ -189,6 +189,13 @@ $container-max-widths: (
   xl: 1200px
 ) !default;
 
+$embed-responsive-aspect-ratios: (
+  '2by1': (
+    x: 2,
+    y: 1
+  )
+) !default;
+
 //alerts
 $alert-link-font-weight: $font-weight-bold !default;
 $alert-bg-level: -8 !default;
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index b18f9f926..f0e27d691 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -330,23 +330,19 @@ Card chart
   height: 3.5rem;
 }
 
-/*
-Card profile
+/**
+Card avatar
  */
-.card-profile {
-  .card-header {
-    height: 9rem;
-    background-size: cover;
-  }
+.card-avatar {
+  box-shadow: 0 0 0 .5rem $card-bg;
 }
 
-.card-profile-img {
-  max-width: 6rem;
-  margin-top: -5rem;
-  margin-bottom: 1rem;
-  border: 3px solid #ffffff;
-  border-radius: 100%;
-  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
+/*
+Card img top
+ */
+.card-img-top,
+.card-img-bottom {
+  border-radius: inherit;
 }
 
 /*
diff --git a/scss/utils/_background.scss b/scss/utils/_background.scss
index 6f39c26b4..c834fc6b4 100644
--- a/scss/utils/_background.scss
+++ b/scss/utils/_background.scss
@@ -7,3 +7,9 @@
   color: #fff;
   background-color: $light-black;
 }
+
+.bg-cover {
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}

From 2d62e3c0b1e5c053d7f8110dee4a14ddf070469b Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 13 Jan 2020 01:00:20 +0100
Subject: [PATCH 30/33] simple modal init

---
 pages/_data/menu.yml                     |  9 ++---
 pages/_includes/parts/modals/simple.html | 20 ++++++++++
 pages/_includes/ui/button.html           |  2 +-
 pages/tmp.html                           |  5 +++
 scss/_variables.scss                     | 30 +++++++++++---
 scss/layout/_core.scss                   |  4 --
 scss/layout/_layout.scss                 |  3 +-
 scss/mixins/_mixins.scss                 | 50 ++++++++++++------------
 scss/tabler.scss                         |  1 +
 scss/ui/_close.scss                      |  6 +++
 scss/ui/_modals.scss                     | 36 ++++++++++++++---
 scss/utils/_scroll.scss                  |  4 ++
 12 files changed, 123 insertions(+), 47 deletions(-)
 create mode 100644 pages/_includes/parts/modals/simple.html
 create mode 100644 scss/ui/_close.scss

diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index f94527110..a41554e3b 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -22,6 +22,10 @@ base:
     cards:
       url: cards.html
       title: Cards
+    charts:
+      url: charts.html
+      title: Charts
+      icon: pie-chart
     datatables:
       url: datatables.html
       title: Data Tables
@@ -47,11 +51,6 @@ base:
       title: Music
       url: music.html
 
-charts:
-  url: charts.html
-  title: Charts
-  icon: pie-chart
-
 error:
   title: Error pages
   icon: file-minus
diff --git a/pages/_includes/parts/modals/simple.html b/pages/_includes/parts/modals/simple.html
new file mode 100644
index 000000000..1c89dfd3e
--- /dev/null
+++ b/pages/_includes/parts/modals/simple.html
@@ -0,0 +1,20 @@
+{% assign id = "default" %}
+<div class="modal modal-blur fade" id="modal-{{ id }}" tabindex="-1" role="dialog" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered" role="document">
+		<div class="modal-content">
+			<div class="modal-header">
+				<h5 class="modal-title">Modal title</h5>
+				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+					{% include ui/icon.html icon="x" %}
+				</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-secondary mr-auto" data-dismiss="modal">Close</button>
+				<button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/pages/_includes/ui/button.html b/pages/_includes/ui/button.html
index 27826ab78..0b45389e0 100644
--- a/pages/_includes/ui/button.html
+++ b/pages/_includes/ui/button.html
@@ -19,7 +19,7 @@
 {% endif %}
 
 {% assign e = include.element | default: 'a' %}
-<{{ e }}{% if e == 'a' %} href="{{ href }}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}"{% if include.external %} target="_blank"{% endif %}>
+<{{ e }}{% if e == 'a' %} href="{{ href }}"{% endif %}{% if include.type %} type="{{ include.type }}"{% endif %} class="btn{% if include.height %} btn-{{ include.height }}{% endif %}{% if color %} btn-{% if include.outline %}outline-{% endif %}{{ color }}{% endif %}{% if include.disabled %} disabled{% endif %}{% if include.square %} btn-square{% endif %}{% if include.pill %} btn-pill{% endif %}{% if include['size'] %} btn-{{ include['size'] }}{% endif %}{% if include.class %} {{ include.class }}{% endif %}{% if include.block %} btn-block{% endif %}{% if include.link %} btn-link{% endif %}{% if include.icon-only %} btn-icon{% endif %}"{% if include.external %} target="_blank"{% endif %}{% if include.modal %} data-toggle="modal" data-target="#modal-{{ include.modal }}"{% endif %}>
 {% if include.spinner %}
 {% include ui/spinner.html color=false size="sm" class=spinner-class element="span" %}{% endif %}
 {% if include.icon %}{% include ui/icon.html icon=include.icon use-svg=true color=include.icon-color %}{% endif %}
diff --git a/pages/tmp.html b/pages/tmp.html
index d3ec2b384..f8d30439f 100644
--- a/pages/tmp.html
+++ b/pages/tmp.html
@@ -19,6 +19,11 @@ menu: a.b.c
 		{% include cards/user-info.html %}
 	</div>
 
+	<div class="col-4">
+		{% include ui/button.html modal="default" %}
+		{% include parts/modals/simple.html id="default" %}
+	</div>
+
 	<div class="col-4">
 		{% include cards/charts/total-sales.html %}
 	</div>
diff --git a/scss/_variables.scss b/scss/_variables.scss
index e5bf625a3..9f8a05be4 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -16,12 +16,12 @@ $theme-color-interval: 10% !default;
 $light: #f5f7fb !default;
 $dark: #354052 !default;
 
-$light-black: rgba($dark, .4) !default;
+$light-black: rgba($dark, .24) !default;
 $light-mix: rgba(mix($light, $dark, 64%), .24) !default;
-$light-white: rgba($light, .4) !default;
+$light-white: rgba($light, .24) !default;
 
-$min-black: rgba($dark, .024) !default;
-$min-white: rgba($light, .024) !default;
+$min-black: rgba($dark, .032) !default;
+$min-white: rgba($light, .032) !default;
 
 $gray-100: $light !default;
 $gray-200: mix($light, $dark, 98%) !default;
@@ -276,6 +276,26 @@ $loader-size: 2.5rem !default;
 $list-group-item-padding-y: .5rem !default;
 $list-group-item-padding-x: .75rem !default;
 
+//modals
+$modal-content-border-color: $border-color !default;
+$modal-backdrop-opacity: .24 !default;
+$modal-backdrop-bg: $dark !default;
+$modal-backdrop-blur: 2px !default;
+
+$modal-fade-transform: translate(0, -1rem) !default;
+
+$modal-content-border-radius: $border-radius !default;
+
+$modal-inner-padding: .75rem !default;
+$modal-inner-padding-x: 1.25rem !default;
+$modal-footer-border-width: 0 !default;
+$modal-header-border-width: 0 !default;
+
+$modal-xl: 1140px !default;
+$modal-lg: 800px !default;
+$modal-md: 540px !default;
+$modal-sm: 300px !default;
+
 //navbar
 $navbar-bg: $white !default;
 $navbar-height: 3.5rem !default;
@@ -339,7 +359,7 @@ $input-disabled-bg: $gray-100 !default;
 $input-border-color: $border-color !default;
 $input-placeholder-color: $text-muted !default;
 
-$input-group-addon-bg: $min-white !default;
+$input-group-addon-bg: $min-black !default;
 $input-group-addon-color: $text-muted !default;
 
 $dropdown-border-color: $border-color !default;
diff --git a/scss/layout/_core.scss b/scss/layout/_core.scss
index 4b95dfc62..29b2f6f51 100644
--- a/scss/layout/_core.scss
+++ b/scss/layout/_core.scss
@@ -12,10 +12,6 @@ body {
   text-rendering: optimizeLegibility;
   font-feature-settings: "liga" 0;
 
-  * {
-    @include scrollbar;
-  }
-
   @media print {
     background: transparent;
   }
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index 35781c167..78c858701 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -128,11 +128,12 @@ Top nav
   border-color: $navbar-border-color;
   position: absolute;
   top: 0;
-  right: 0;
   left: 0;
+  width: 100vw;
   padding: 0 .5rem;
   z-index: $zindex-sticky;
   min-height: $navbar-height;
+  user-select: none;
 
   & + & {
     top: add($navbar-height, 1px);
diff --git a/scss/mixins/_mixins.scss b/scss/mixins/_mixins.scss
index 5b547fd26..47fb28e10 100644
--- a/scss/mixins/_mixins.scss
+++ b/scss/mixins/_mixins.scss
@@ -10,31 +10,31 @@
 }
 
 @mixin scrollbar($is-dark: false) {
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-    transition: .3s background;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-
-    @if ($is-dark) {
-      background: transparent;
-    } @else {
-      background: $gray-400;
-    }
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    background: $gray-500;
-
-    @if ($is-dark) {
-      background: mix(#fff, $dark, 20%);
-    } @else {
-      background: $gray-500;
-    }
-  }
+  //&::-webkit-scrollbar {
+  //  width: 6px;
+  //  height: 6px;
+  //  transition: .3s background;
+  //}
+  //
+  //&::-webkit-scrollbar-thumb {
+  //  border-radius: 5px;
+  //
+  //  @if ($is-dark) {
+  //    background: transparent;
+  //  } @else {
+  //    background: $gray-400;
+  //  }
+  //}
+  //
+  //&:hover::-webkit-scrollbar-thumb {
+  //  background: $gray-500;
+  //
+  //  @if ($is-dark) {
+  //    background: mix(#fff, $dark, 20%);
+  //  } @else {
+  //    background: $gray-500;
+  //  }
+  //}
 }
 
 @mixin dark {
diff --git a/scss/tabler.scss b/scss/tabler.scss
index 3b95859d3..c42c85de5 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -23,6 +23,7 @@
 @import "ui/buttons";
 @import "ui/calendars";
 @import "ui/cards";
+@import "ui/close";
 @import "ui/dropdowns";
 @import "ui/empty";
 @import "ui/grid";
diff --git a/scss/ui/_close.scss b/scss/ui/_close.scss
new file mode 100644
index 000000000..4da19da3a
--- /dev/null
+++ b/scss/ui/_close.scss
@@ -0,0 +1,6 @@
+.close {
+  &:focus {
+    outline: none;
+    color: $dark;
+  }
+}
diff --git a/scss/ui/_modals.scss b/scss/ui/_modals.scss
index 9801617bf..2bfe09600 100644
--- a/scss/ui/_modals.scss
+++ b/scss/ui/_modals.scss
@@ -1,9 +1,33 @@
-.modal-backdrop {
-  backdrop-filter: blur(2px);
-  background: $light-black;
+.modal-header,
+.modal-body {
+  padding-left: $modal-inner-padding-x;
+  padding-right: $modal-inner-padding-x;
 }
 
-.modal-content {
-  border: 1px solid $border-color;
-  border-radius: $border-radius;
+.modal-header {
+  .close {
+    font-size: 1rem;
+    padding-right: $modal-inner-padding-x;
+    margin-right: (- $modal-inner-padding-x);
+  }
+}
+
+.modal-title {
+  font-size: $h3-font-size;
+  font-weight: $headings-font-weight;
+  color: $headings-color;
+  line-height: (24/18);
+}
+
+.modal-footer {
+  padding-left: $modal-inner-padding-x - $modal-footer-margin-between / 2;
+  padding-right: $modal-inner-padding-x - $modal-footer-margin-between / 2;
+}
+
+.modal-footer {
+  background: $min-black;
+}
+
+.modal-blur {
+  backdrop-filter: blur($modal-backdrop-blur);
 }
diff --git a/scss/utils/_scroll.scss b/scss/utils/_scroll.scss
index a315b690d..09ec9e4dd 100644
--- a/scss/utils/_scroll.scss
+++ b/scss/utils/_scroll.scss
@@ -7,11 +7,14 @@ Scrollable
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+
   &.hover {
     overflow-y: hidden;
+
     > * {
       margin-top: -1px;
     }
+
     &:hover,
     &:focus,
     &:active {
@@ -19,6 +22,7 @@ Scrollable
       overflow-y: auto;
     }
   }
+
   .touch & {
     overflow-y: auto !important;
   }

From 5bed50944875b1bce91e71ecb3b173a65c5accd5 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 13 Jan 2020 02:01:42 +0100
Subject: [PATCH 31/33] scrollbars fixes

---
 scss/layout/_core.scss   |  4 ++++
 scss/layout/_layout.scss |  2 +-
 scss/mixins/_mixins.scss | 50 ++++++++++++++++++++--------------------
 3 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/scss/layout/_core.scss b/scss/layout/_core.scss
index 29b2f6f51..4b95dfc62 100644
--- a/scss/layout/_core.scss
+++ b/scss/layout/_core.scss
@@ -12,6 +12,10 @@ body {
   text-rendering: optimizeLegibility;
   font-feature-settings: "liga" 0;
 
+  * {
+    @include scrollbar;
+  }
+
   @media print {
     background: transparent;
   }
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
index 78c858701..8a9154b48 100644
--- a/scss/layout/_layout.scss
+++ b/scss/layout/_layout.scss
@@ -128,8 +128,8 @@ Top nav
   border-color: $navbar-border-color;
   position: absolute;
   top: 0;
+  right: 0;
   left: 0;
-  width: 100vw;
   padding: 0 .5rem;
   z-index: $zindex-sticky;
   min-height: $navbar-height;
diff --git a/scss/mixins/_mixins.scss b/scss/mixins/_mixins.scss
index 47fb28e10..5b547fd26 100644
--- a/scss/mixins/_mixins.scss
+++ b/scss/mixins/_mixins.scss
@@ -10,31 +10,31 @@
 }
 
 @mixin scrollbar($is-dark: false) {
-  //&::-webkit-scrollbar {
-  //  width: 6px;
-  //  height: 6px;
-  //  transition: .3s background;
-  //}
-  //
-  //&::-webkit-scrollbar-thumb {
-  //  border-radius: 5px;
-  //
-  //  @if ($is-dark) {
-  //    background: transparent;
-  //  } @else {
-  //    background: $gray-400;
-  //  }
-  //}
-  //
-  //&:hover::-webkit-scrollbar-thumb {
-  //  background: $gray-500;
-  //
-  //  @if ($is-dark) {
-  //    background: mix(#fff, $dark, 20%);
-  //  } @else {
-  //    background: $gray-500;
-  //  }
-  //}
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    transition: .3s background;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+
+    @if ($is-dark) {
+      background: transparent;
+    } @else {
+      background: $gray-400;
+    }
+  }
+
+  &:hover::-webkit-scrollbar-thumb {
+    background: $gray-500;
+
+    @if ($is-dark) {
+      background: mix(#fff, $dark, 20%);
+    } @else {
+      background: $gray-500;
+    }
+  }
 }
 
 @mixin dark {

From b941b23edf89b333020489a862ce9469c13a0fd4 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 13 Jan 2020 02:03:12 +0100
Subject: [PATCH 32/33] bootstrap update

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 6bde7d798..a36e5dc31 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "@fullcalendar/timegrid": "4.3.0",
     "apexcharts": "3.12.0",
     "autosize": "4.0.2",
-    "bootstrap": "twbs/bootstrap#954a0b1",
+    "bootstrap": "twbs/bootstrap#c13ec3e",
     "countup.js": "2.0.4",
     "daterangepicker": "3.0.5",
     "fullcalendar": "3.10.1",

From ac23cdf9e30a1f8a28a1df14b352a012fb50aa68 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Mon, 13 Jan 2020 02:03:31 +0100
Subject: [PATCH 33/33] libs update

---
 package.json | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index a36e5dc31..61bbc991d 100644
--- a/package.json
+++ b/package.json
@@ -74,34 +74,34 @@
   "main": "dist/js/tabler.js",
   "homepage": "https://tabler.io",
   "devDependencies": {
-    "@babel/preset-env": "7.7.7",
+    "@babel/preset-env": "7.8.2",
     "browser-sync": "2.26.7",
     "bundlesize": "0.18.0",
     "clean-css-cli": "4.3.0",
     "cross-env": "6.0.3",
     "eslint": "6.8.0",
     "eslint-config-xo": "0.27.2",
-    "eslint-plugin-import": "2.19.1",
+    "eslint-plugin-import": "2.20.0",
     "eslint-plugin-unicorn": "15.0.1",
     "glob": "7.1.6",
-    "http-server": "0.12.0",
+    "http-server": "0.12.1",
     "icon-font-generator": "2.1.10",
     "node-sass": "4.13.0",
     "node-sass-package-importer": "5.3.2",
     "nodemon": "2.0.2",
     "npm-run-all": "4.1.5",
-    "postcss-cli": "6.1.3",
-    "rollup": "1.28.0",
+    "postcss-cli": "7.1.0",
+    "rollup": "1.29.0",
     "rollup-plugin-babel": "4.3.3",
     "rollup-plugin-babel-minify": "9.1.1",
     "rollup-plugin-commonjs": "10.1.0",
     "rollup-plugin-filesize": "6.2.1",
     "rollup-plugin-multi-input": "1.0.3",
     "rollup-plugin-node-resolve": "5.2.0",
-    "stylelint": "12.0.1",
+    "stylelint": "13.0.0",
     "stylelint-config-twbs-bootstrap": "1.1.0",
     "svgo": "1.3.2",
-    "terser": "4.5.1",
+    "terser": "4.6.2",
     "yaml": "1.7.2"
   },
   "dependencies": {
@@ -110,7 +110,7 @@
     "@fullcalendar/interaction": "4.3.0",
     "@fullcalendar/list": "4.3.0",
     "@fullcalendar/timegrid": "4.3.0",
-    "apexcharts": "3.12.0",
+    "apexcharts": "3.14.0",
     "autosize": "4.0.2",
     "bootstrap": "twbs/bootstrap#c13ec3e",
     "countup.js": "2.0.4",